箭头函数与普通函数的区别

最新推荐文章于 2025-06-06 17:42:25 发布
原创 最新推荐文章于 2025-06-06 17:42:25 发布 · 148 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了JavaScript中箭头函数的三个关键特性：1) 箭头函数不绑定this，其值取决于外部作用域；2) 没有自身的arguments对象，但能访问外部函数的arguments；3) 不能用作构造函数，不支持new操作符及new.target和原型。深入理解这些特性对于提升JavaScript编程技巧至关重要。

1、箭头函数没有 this，所以需要通过查找作用域链来确定 this 的值，这就意味着如果箭 头函数被非箭头函数包含，this 绑定的就是最近一层非箭头函数的 this。
2、箭头函数没有自己的 arguments 对象，但是可以访问外围函数的 arguments 对象。
3、不能通过 new 关键字调用，同样也没有 new.target 值和原型。

JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
【JavaScript源代码】JavaScript中箭头函数与普通函数的区别详解.docx
12-29
JavaScript中的箭头函数和普通函数在使用上有显著的差异，这些差异主要体现在以下几个方面： 1. **函数定义的简洁性**： - 箭头函数的语法更紧凑，可以视为匿名函数的一种简写形式。如果函数体只包含一个表达式，...
箭头函数与普通函数区别
feixiang的博客
12-15 501
箭头函数与普通函数区别一、箭头函数是匿名函数，不能作为构造函数，不能使用new。二、箭头函数内没有arguments，可以用展开运算符…解决三、箭头函数的this，始终指向父级上下文（箭头函数的this取决于定义位置父级的上下文，跟使用位置没关系，普通函数this指向调用的那个对象）四、箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的this指向。(call、aaply、bind会默认忽略第一个参数，但是可以正常传参)五、箭头函数没有原型属性 一、箭头函数是匿名函数，不能作为
箭头函数和普通函数的区别
Kong08242022的博客
11-05 2020
普通函数的this指向调用该函数的对象①　独立调用时，指向全局对象（window或global）②　被对象调用时，指向调用它的对象③　使用call、apply或bind方法调用时，指向他们的第一个参数④　在构造函数中使用时，指向实例化该构造函数的对象箭头函数的this指向该函数定义是所在的定义域①　在全局作用域定义时，this指向window，此时this.item为undefined②　在普通函数中定义时，this继承普通函数的this指向。
箭头函数与普通函数的区别是什么？
破损的天堂鸟博客
12-09 1546
箭头函数提供了语法简洁性和词法作用域绑定的优点，适合用于简单的函数逻辑、回调函数以及需要保持词法作用域的场景。而普通函数则具有更多的功能和灵活性，适用于复杂的函数逻辑、需要动态上下文绑定、使用arguments对象以及需要递归调用的场景。
箭头函数和普通函数的区别？
最新发布
lianghuaxiang的博客
06-06 709
4.this指向不同，箭头函数没有this，在声明的时候，捕获上下文的this供自己使用，一旦确定不会再变化。在普通函数中，this指向调用自己的对象，如果用在构造函数，this指向创建的对象实例。5.箭头函数没有arguments(实参列表，类数组对象)，每一个普通函数在调用后都有一个arguments对象，用来存储实际传递的参数。3.箭头函数不能作为构造函数来使用，普通函数可以用作构造函数，以此来创建一个对象的实例。2.箭头函数都是匿名函数，而普通函数既可以是匿名函数，也可以具名函数。
箭头函数与普通函数的区别？
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 973
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
JavaScript：箭头函数与普通函数的区别与适用场景
孙悟空
06-02 3167
本文介绍了js中普通函数与箭头函数的区别与适用场景，并给出示例代码。
一篇讲透：箭头函数、普通函数有什么区别
~~~
12-25 1万+
本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。
箭头函数与普通函数的区别详解
热门推荐
qq_42258904的博客
11-24 8万+
箭头函数和普通函数的区别 一.外形不同：箭头函数使用箭头定义，普通函数中没有 代码实例如下： // 普通函数 function func(){ // code } // 箭头函数 let func=()=>{ // code } 二.箭头函数都是匿名函数 普通函数可以有匿名函数，也可以有具体名函数，但是箭头函数都是匿名函数。 代码实例如下： // 具名函数 function func(){ // code } // 匿名函数 let func=function(){ // cod
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
作用域和作用域链的理解
whose_moon的博客
07-19 3825
作用域（scope） 1. 什么是作用域 作用域是在运行代码中某些特定部分中变量、函数和对象的可访问性。也就是说，作用域决定了代码区块中变量和其他的可访问性。 ES6之前JavaScript没有块级作用域，只有全局作用域和局部作用域。ES6的到来，为我们提供了块级作用域，可通过命令let和const来体现。 所有未定义直接赋值的变量自动声明为全局变量 2. 什么是作用域链 如果想得到在当前的作用域里没有定义的变量（即自由变量）的值，需要向父级作用域（下文有解释）寻找，如果父级没有，会接着向上寻找，如果直
dom事件的三阶段
whose_moon的博客
07-23 1833
当一个DOM事件触发时，它不是在触发的对象上只触发一次的，而是经历三个阶段。分别为 1：一开始从文档的根节点流向目标对象（捕获阶段） 2：然后在目标对向上被触发（目标阶段） 3：之后再回溯到文档的根节点（冒泡阶段）. 事件捕获阶段 事件的第一个阶段是捕获阶段。事件从文档的根节点出发，随着DOM树的结构向事件的目标节点流去。途中经过各个层次的DOM节点，并在各节点上触发捕获事件，直到到达事件的目标节点。捕获阶段的主要任务是建立传播路径，在冒泡阶段，事件会通过这个路径回溯到文档跟节点。当事件发.
js和css的加载造成阻塞
whose_moon的博客
10-28 641
浏览器渲染原理图： JS 1.现代浏览器会并行加载js文件，参见start time列，但是按照书写顺序执行代码 2.加载或者执行js时会阻塞对标签的解析，也就是阻塞了dom树的形成，只有等到js执行完毕，浏览器才会继续解析标签。没有dom树，浏览器就无法渲染，所以当加载很大的js文件时，可以看到页面很长时间是一片空白 之所以会阻塞对标签的解析是因为加载的js中可能会创建，删除节点等，这些操作会对dom树产生影响，如果不阻塞，等浏览器解析完标签生成dom树后，js修改了某些节点，那么浏览器又得重新解析，然后
虚拟 DOM 的优缺点？
whose_moon的博客
07-26 486
什么是虚拟dom 用js模拟一颗dom树,放在浏览器内存中.当你要变更时,虚拟dom使用diff算法进行新旧虚拟dom的比较,将变更放到变更队列中, 反应到实际的dom树,减少了dom操作. 虚拟DOM将DOM树转换成一个JS对象树,diff算法逐层比较,删除,添加操作,但是,如果有多个相同的元素,可能会浪费性能,所以,react和vue-for引入key值进行区分. 优点： 保证性能下限： 框架的虚拟 DOM 需要适配任何上层 API 可能产生的操作，它的一些 DOM 操作的实现必须是普适..
javascript是单线程的理解
whose_moon的博客
08-06 477
一、javascript为什么是单线程的 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如两个线程同时操作一个dom。 任务队列 单线程就意味着所有任务要排队，如果前一个占用时间很长（如ajax请求），其实造成了不必要的资源的浪费。所以聪明的语言设计者想到了这点，便将任务可以分为两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。 同
手写Promise
whose_moon的博客
07-11 195
new Promise((resolve, reject) => { }).then((res) => { }, (err) => { }).then(res => { }).catch(reason => { }); Promise.all([promise1, ...]).then(); 实现以上 class Promise{ constructor(callback){ this.state = 'pending'; //状态
js中 箭头函数与普通函数区别
03-24
箭头函数和普通函数的主要区别在于 this 的指向。箭头函数的 this 指向的是定义时所在的作用域，而不是执行时的作用域。另外，箭头函数没有自身的 arguments 对象，也不能使用 new 关键字调用。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值