JavaScript创建函数和对象的常用方法

简介 

 随着版本的更新,JavaScript中存在大量的创建函数和对象的方法,下面是一些常见的方式以及对应的优缺点,内容参考:ES6 入门教程

创建函数

1. 函数声明(Function Declaration)
function myFunction(arg1, arg2) {// 函数体console.log(arg1, arg2);
}

优点: 

  • 函数提升:函数声明在编译阶段会被提升,因此可以在函数声明之前调用它。(类似于变量提升)
  •  清晰的语法:函数声明的语法简单明了,易于阅读和理解。

缺点:

  • 全局污染:在全局作用域中声明函数可能会导致命名冲突。
  • 缺乏灵活性:函数声明不适用于动态创建函数。
2.1 函数表达式
let myFunction2 = function (arg1, arg2) {// 函数体console.log(arg1, arg2);
};

 优点: 

  •     灵活性:可以将函数作为变量赋值,适用于动态创建函数。
  •     局部作用域:可以避免全局污染,特别适用于闭包。

 缺点:

  • 函数只能在声明之后调用。
 2.2 函数表达式(箭头函数)
let myFunction2copy = (arg1, arg2) => {// 函数体console.log(arg1, arg2);
}

  优点: 

  • 语法简洁。
  • 箭头函数不会绑定自己的 this,而是继承自外部作用域

  缺点:

  • 没有自己的this,不适用于需要动态上下文的情况
  • 箭头函数没有 arguments 对象。
 3.动态函数
let myFunction3 = new Function('arg1', 'arg2', 'console.log(arg1, arg2);');

优点:

  • 提高代码灵活性:可以在运行时根据需要动态生成函数。
  • 动态代理:可以在不修改原始对象的情况下,动态添加行为到对象的方法。
  • 异步编程:可以用来处理异步操作,而无需使用回调函数

缺点:

  • 可读性和维护性差:动态创建的代码可能难以阅读和理解,特别是对于不熟悉的开发者。
  • 性能问题:过度使用动态函数可能会导致性能问题,因为JavaScript引擎可能无法优化动态生成的代码。
  • 调试困难:动态创建的代码可能更难调试,因为它不是静态的。

创建对象 

1. 使用对象字面量 
var obj = {}; // 创建一个空对象
var person = {name: "谭梦寻",age: 18,greet: function() {console.log("Hello, my name is " + this.name);}
};

优点:简单直观。

缺点:如果属性名不是合法的标识符,会导致语法错误。

2. 使用构造函数 
function Person(name, age) {this.name = name;this.age = age;
}var person = new Person("Bob", 30);

优点:可以重用代码和组织继承。

缺点:每个实例都会创建新的方法实例,浪费内存。

3. 使用Object.create()方法 
var personProto = {greet: function() {console.log("Hello, my name is " + this.name);}
};var person = Object.create(personProto);
person.name = "Charlie";
person.age = 28;

优点:可以设置原型对象以实现继承和共享方法。

缺点:不是所有浏览器都支持Object.create()。

4.  使用类(ES6+)
class Student {constructor(name, age) {this.name = name;this.age = age;}greet() {console.log("Hello, my name is " + this.name);}
}const student = new Student("Dave", 22);

优点:提供了更接近传统语言的面向对象编程体验,包括继承、封装和多态。

缺点:需要支持ES6及以上版本的JavaScript环境。

 

 

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/26334.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

np.arctan2和np.arctan

np.arctan2 和 np.arctan 都是用于计算反正切函数的 NumPy 函数,但它们的使用和功能有所不同。 np.arctan2 np.arctan2(y, x) 计算 atan2(y,x),即从坐标 (x,y)到原点的角度(弧度)。它考虑了两个参数的符号来确定正确的象限&…

神经网络 torch.nn---nn.RNN()

torch.nn - PyTorch中文文档 (pytorch-cn.readthedocs.io) RNN — PyTorch 2.3 documentation torch.nn---nn.RNN() nn.RNN(input_sizeinput_x,hidden_sizehidden_num,num_layers1,nonlinearitytanh, #默认tanhbiasTrue, #默认是Truebatch_firstFalse,dropout0,bidirection…

Android开发之音乐播放器添加排行需求

Music统计功能需求 1.记录歌曲名称与次数(歌曲播放结束算一次),根据播放次数制作一个排行列表;(开始说要记录歌手,后面debug发现这个字段没有,暂时不记录) 2.记录播放歌曲的时长,时间累加;&…

sourcemap

sourcemap介绍 什么是sourceMap sourcemap是为了解决开发代码与实际运行代码不一致时帮助我们debug到原始开发代码的技术webpack通过配置可以自动给我们source maps文件,map文件是一种对应编译文件和源文件的方法 类型含义source-map原始代码 最好的sourcemap质量…

element table 点击某一行中按钮加载

在Element UI中,实现表格(element-table)中的这种功能通常涉及到数据处理和状态管理。当你点击某一行的按钮时,其他行的按钮需要动态地切换为加载状态,这可以通过以下步骤实现: 1.表格组件:使用…

一文读懂Web Codecs API:浏览器背后的媒体魔术师

引言 ​在早期的Web 网页中,视频播放通常要依靠 Flash 和 Silverlight 等插件来完成,浏览器是不支持直接播放视频的。 随着网络技术的发展,视频这种媒体方式的需求变得普遍,HTML5中,出现了一个新的元素Video&#xf…

【全开源】旅行吧旅游门票预订系统源码(FastAdmin+ThinkPHP+Uniapp)

🌍旅游门票预订系统:畅游世界,一键预订 一款基于FastAdminThinkPHPUniapp开发的旅游门票预订系统,支持景点门票、导游产品便捷预订、美食打卡、景点分享、旅游笔记分享等综合系统,提供前后台无加密源码,支…

RabbitMQ延迟消息(通过死信交换机实现)

延迟消息:生产者发送消息时指定一个时间,消费者不会立刻收到消息,而是在指定时间后才收到消息 通过DLX和TTL模拟出延迟队列的功能,即,消息发送以后,不让消费者拿到,而是等待过期时间&#xff0…

山东大学软件学院多核平台上的并行计算期末回忆版

(2021级,大数据专业,老师是lwg和yzk,考题全是考前老师说的原题,毫无变化,最终期末分还是看实验情况多一些,但是老师到底是怎么比较的大家的实验性能,让我很头大,晕~&…

linux驱动学习(十三)之锁

需要板子一起学习的可以这里购买(含资料):点击跳转 一、锁的作用 1、同步和互斥 1)同步:同一件事情的依次处理,数据的接收---> 数据的处理 --->数据的发送 2)互斥---- 防止对临界资源的竞争,在一个时刻&#…

18. SDP协议

SDP协议描述 SDP(Session Description Protocol)它只是一种信息格式的描述标准&#xff0c;本身不属于传输协议&#xff0c;但是可以被其他传输协议用来交换必要的信息。 SDP规范 多个媒体级描述 一个会话级描述 由多个<type><value>组成 会话层 会话的名称与目…

如何选择加噪使用的噪声尺度:超参数(alpha,beta)噪声尺度的设定

如何选择加噪使用的噪声尺度&#xff1a;超参数&#xff08;alpha&#xff0c;beta&#xff09;噪声尺度的设定【论文精读】 论文&#xff1a;Score-Based Generative Modeling through Stochastic Differential Equations 地址&#xff1a;https://doi.org/10.48550/arXiv.201…

开发移动端常见的问题:VW适配问题,基于 postcss 插件 实现项目vw适配

当你开发移动端的时候有一个问题是避免不了的&#xff0c;那就是当屏幕大小无论怎么变化时&#xff0c;内部尺寸也要随之发生改变&#xff0c;也就是适配问题。这里我们讲的是最新的VW适配&#xff0c;也就是用vw作为单位&#xff0c;100vw是整个页面的大小。而在开发的设计图中…

23.Dropout

在深度学习的训练过程中&#xff0c;过拟合是一个常见的问题。为了解决这个问题&#xff0c;研究者们提出了多种正则化技术&#xff0c;其中Dropout技术因其简单而有效的特点&#xff0c;得到了广泛的应用。本文将对Dropout技术的工作原理、主要优点、潜在缺点以及应用场景进行…

特种设备气瓶充装作业题库分享

1、【单选题】气瓶颜色标志是气瓶外表面涂敷的字样内容、色环数目和( )按充装气体的特性作规定的组合。(B) A、颜色 B、涂膜颜色 C、漆色 2、【多选题】( )和( )有权对于违反《中华人民共和国特种设备安全法》规定的&#xff0c;向负责特种设备安全监督管理的部门和有…

【Flask 系统教程 7】数据库使用 SQLAlchemy

SQLAlchemy 是一个功能强大的 SQL 工具包和对象关系映射 (ORM) 库。使用 Flask 和 SQLAlchemy 可以方便地连接和操作数据库。 SQLAlchemy基本操作 连接数据库 环境准备 首先&#xff0c;确保你已经安装了SQLAlchemy 。可以使用以下命令安装这些库&#xff1a; pip install…

快来!AI绘画Stable Diffusion 3终于开源了,更强的文字渲染和理解力,12G显卡可跑!

大家好&#xff0c;我是设计师阿威 Stable Diffusion 3终于开源了&#xff0c;2B参数的Stable Diffusion 3 Medium模型已经可以在HuggingFace上下载了&#xff01;如无法科学上网的小伙伴我也准备好了网盘资料&#xff0c;请看文末扫描获取哦&#xff01; Stable Diffusion 3 …

PostgreSQL 多表连接不同维度聚合统计查询

摘要:在本文中,你将学习到如何使用 PostgreSQL 完全外连接,从两个或多个表中聚合维度统计数据。 文章目录 一、常用的连接类型图示二、数据库表设计示例三、连接查询示例1. inner join 内连接(不能满足维度统计需求)2. full join 完全外连接(满足维度统计需求)一、常用的…

Vue3【二十】Vue3 路由和组件页面切换

Vue3【二十】Vue3 路由和组件页面切换 Vue3【二十】Vue3 路由和组件页面切换 Vue3 路由的创建 路由的引入 路由的配置 路由的导出 路由的url模式 带# 或不带 案例截图 目录结构 案例代码 app.vue <template><div class"app"><h2 class"title&q…

CPN Tools实现hello world小案例

新建一个net&#xff0c;创建两个输入P1,P2&#xff0c;一个输出P3&#xff0c;一个转换T1&#xff0c;并对输入输出place使用字符串颜色集。&#xff08;这里是左键单击P&#xff0c;然后tab键输入String即可&#xff09;。 为地点指定颜色集需要&#xff1a; 1) 通过左键单击…