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

最新推荐文章于 2025-04-18 01:05:28 发布
最新推荐文章于 2025-04-18 01:05:28 发布
阅读量2.7w 收藏 51
点赞数 13
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yzkdcsdn/article/details/121294954
版权

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


1、外形不同：箭头函数使用箭头定义，普通函数中没有。
2、 箭头函数全都是匿名函数：普通函数可以有匿名函数，也可以有具名函数
3、箭头函数不能用于构造函数：普通函数可以用于构造函数，以此创建对象实例。
4、箭头函数中 this 的指向不同：在普通函数中，this 总是指向调用它的对象，如果用作构造函数，它指向创建的对象实例。
5、箭头函数不具有 arguments 对象：每一个普通函数调用后都具有一个
arguments 对象，用来存储实际传递的参数。但是箭头函数并没有此对象。
6、其他区别：箭头函数不具有 prototype 原型对象。箭头函数不具有 super。
箭头函数不具有 new.target

yzkdcsdn
关注
箭头函数和普通函数有什么区别
秋秋小事
04-15 1011
记录一些web前端面试题和答案...
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
箭头函数与普通函数的区别？
热门推荐
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
箭头函数与普通函数的区别是什么？能否作为构造函数？
qq_44165941的博客
04-18 276
适合需要。
箭头函数跟普通函数的区别
weixin_47218056的博客
09-07 6605
箭头函数跟普通函数的区别 1.写法不同 箭头函数使用箭头定义，普通函数中没有。 //箭头函数 (参数1，参数2...参数n)=>{ //代码段 } //普通函数 function 函数名(参数1，参数2...参数n)=>{ //代码段 } 2.箭头函数不能用于构造函数 普通函数可以用于构造函数，以此创建对象实例。 3.箭头函数中this的指向不同 箭头函数自身没有this，它的this是父级普通函数的this. 在普通函数中，this总是指向调用它的对象或者，如果用作构造函数，
箭头函数和普通函数的区别是什么？
weixin_44562686的博客
07-01 764
普通函数this： this总是代表它的直接调用者。 在默认情况下，没找到直接调用者，this指的是window。 在严格模式下，没有直接调用者的函数中的this是undefined。 使用call,apply,bind绑定，this指的是绑定的对象。 箭头函数this： 在使用=>定义函数的时候，this的指向是 定义时所在的对象，而不是使用时所在的对象； 不能够用作构造函数，这就是说，不能够使用new命令，否则就会抛出一个错误； 不能够使用 arguments 对象； 不能使用 yield 命令；
普通函数和箭头函数的区别
qq_34507902的博客
11-07 283
详解箭头函数和普通函数的区别以及箭头函数的注意事项、不适用场景 箭头函数是ES6的API，相信很多人都知道，因为其语法上相对于普通函数更简洁，深受大家的喜爱。就是这种我们日常开发中一直在使用的API，大部分同学却对它的了解程度还是不够深… 普通函数和箭头函数的区别： 箭头函数的this指向规则： 箭头函数没有prototype(原型)，所以箭头函数本身没有this let a = () =>{}; console.log(a.prototype); // undefined 1 2 箭
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
【JavaScript源代码】JavaScript中箭头函数与普通函数的区别详解.docx
12-29
JavaScript中的箭头函数和普通函数在使用上有显著的差异，这些差异主要体现在以下几个方面： 1. **函数定义的简洁性**： - 箭头函数的语法更紧凑，可以视为匿名函数的一种简写形式。如果函数体只包含一个表达式，...
js中 箭头函数与普通函数区别
03-24
箭头函数和普通函数的主要区别在于 this 的指向。箭头函数的 this 指向的是定义时所在的作用域，而不是执行时的作用域。另外，箭头函数没有自身的 arguments 对象，也不能使用 new 关键字调用。
箭头函数和普通函数的区别
Kong08242022的博客
11-05 1745
普通函数的this指向调用该函数的对象①　独立调用时，指向全局对象（window或global）②　被对象调用时，指向调用它的对象③　使用call、apply或bind方法调用时，指向他们的第一个参数④　在构造函数中使用时，指向实例化该构造函数的对象箭头函数的this指向该函数定义是所在的定义域①　在全局作用域定义时，this指向window，此时this.item为undefined②　在普通函数中定义时，this继承普通函数的this指向。
ES6中箭头函数与普通函数this的区别
weixin_30748995的博客
06-10 210
普通函数中的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window 3.在严格模式下,没有直接调用者的函数中的this是 undefined 4.使用call,apply,bind(ES5新增)绑定的,this指的是 ...
箭头函数与普通函数区别
田兴的博客
09-29 7531
一、箭头函数是匿名函数，不能作为构造函数，不能使用new 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。 二、箭头函数不绑定arguments，取而代之需要用展开运算符解决...解决 三、箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值 四、箭头函数通过 call() 或 apply() 方法调用一个函数时，只传入了一
普通函数与箭头函数的区别是什么？
qq_51441159的博客
11-01 1918
普通函数与箭头函数的区别
箭头函数和普通函数区别
最新发布
05-27
### 箭头函数与普通函数的区别 #### 语法形式 箭头函数的定义相较于传统函数更加简洁。对于单个表达式的箭头函数，可以省略大括号 `{}` 和 `return` 关键字；如果仅有一个参数，甚至可以省略圆括号 `()`[^1]。例如： ```javascript const add = (a, b) => a + b; // 单表达式箭头函数 const square = x => x * x; // 单参数箭头函数 ``` 而普通函数则需要完整的函数声明或者匿名函数赋值语句[^2]。 #### this 指向 这是两者之间最重要的区别之一。普通函数内部的 `this` 是动态绑定的，取决于函数被调用的方式。相反，箭头函数并不拥有自己的 `this` 绑定，而是捕获其所在上下文环境中的 `this` 值[^1]。这意味着在对象方法或事件处理器等场景下，使用箭头函数通常能避免因意外改变 `this` 导致的问题。 #### 是否具有原型属性 另一个显著差异在于，箭头函数不具备 `prototype` 属性，它的 `prototype` 默认为 `undefined`，因此无法作为构造器通过 `new` 操作符实例化对象[^3]。 ```javascript const normalFunction = function() {}; console.log(normalFunction.prototype); // 输出: { constructor: [Circular] } const arrowFunction = () => {}; console.log(arrowFunction.prototype); // undefined ``` #### 使用 yield 的可能性 箭头函数不允许包含 `yield` 表达式，所以不能充当 Generator 函数的一部分[^3]。比如下面的例子会抛出错误： ```javascript const generatorFunc = () => { yield 'value'; }; // SyntaxError: Unexpected number ``` 综上所述，尽管箭头函数提供了更紧凑的书写风格以及解决了部分关于 `this` 处理上的难题，但它也有一些局限性需要注意，如不适合做为类的构造器或是生成器函数等情况。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值