箭头函数与普通函数(function)的区别使什么?构造函数(function)可以使用new生成实例，那么箭头函数可以吗？为什么？

最新推荐文章于 2023-04-10 15:06:36 发布
最新推荐文章于 2023-04-10 15:06:36 发布
阅读量443 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TheWor1d/article/details/110881405
版权

区别:

1.箭头函数语法上比普通函数更加简洁（ES中每一种函数都可以使用形参赋默认值和剩余运算符）

2.箭头函数没有自己的this ，只和所处上下文有关系，它里面能出现的this从属于所处上下文（使用call/Apply都无法改变this的指向）

回调函数中的this一般都是WINDOW

回调函数：把一个函数B作为实参转嘀给另外一个函数A，函数A在执行的时候，可以把传递进来的函数B去执行（执行n次，可传值，可改this）

3.箭头函数中没有ARGUMENTS（类数组），只能基于…arg获取传递的参数集合（数组）

箭头函数不能被new执行，因为箭头函数没有this，也没有prototype，重点是没有prototype
Hyyy : (
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
箭头函数与普通函数(function)的区别是什么？构造函数(function)可以使用new生成实例，那么箭头函数可以吗？为什么？
mafeilong618的博客
08-12 779
箭头函数和普通函数的区别 1.箭头函数语法上比普通函数更加简洁(ES6中每一种函数都可以使用形参赋默认值和剩余运算符) 2.箭头函数没有自己的THIS，它里面的THIS是继承函数所处上下文中的THIS（使用CALL/APPY等任何方式都无法改变THIS的指向） 3.箭头函数中没有ARGUMENTS(类数组)，智能基于。。。ARG获取传递的参数集合（数组） 4.箭头函数不能被NEW执行（因为：箭头函数没有THIS也没有prototype） function fn(x){ return function(y){
ECMAScript6的新特性箭头函数（Arrow Function）详细介绍
12-09
此外，箭头函数不能用作构造函数，即不能使用`new`关键字来实例化。尝试这样做会导致错误，因为箭头函数没有自己的`prototype`属性。同时，由于`this`的静态绑定，`arguments`对象在箭头函数中也是不可用的。这意味...
前端常见题汇总（二）
在路上`的博客
04-09 193
一、箭头函数与普通函数（function）的区别是什么？构造函数（function）可以使用 new 生成实例，那么箭头函数可以吗？为什么？ 箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，有以下几点差异： 1、函数体内的 this 对象，就是定义时所在的作用域中的 this 值，而不是使用时所在的对象。this 相当于一个普通变量会向作用域链中查询结果，同时定义时所在对象...
2020面试准备11----箭头函数与普通函数的区别是什么？构造函数（function）可以使用new生成实例，箭头函数可以吗？
yangling_123的博客
03-14 930
箭头函数与普通函数的区别是什么？构造函数（function）可以使用new生成实例，箭头函数可以吗？ 1.箭头函数和普通函数的区别 （1）箭头函数语法上比普通函数更加简洁 （2）箭头函数没有自己的this，它里面出现this是继承函数所处上下文中的this,(使用call,apply等任何方式都无法改变this的指向) （3）箭头函数中没有arguments(类数组)，只能基于…ARG获取传递的参...
箭头函数和普通函数（function）的区别是什么？
qq_38432842的博客
04-18 461
箭头函数和普通函数的区别是什么 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录箭头函数和普通函数的区别是什么一、箭头函数和普通函数的区别是什么？二、箭头函数带来的好处 一、箭头函数和普通函数的区别是什么？ 箭头函数没有this，它会从自己的作用域链的上一层继承this，因此无法使用apply/call/bind进行绑定this值； 不绑定arguments，当在箭头函数中调用arguments时同样会向作用域链中查询结果。 不可以使用yield命令，因此箭头函数不能作Ge
箭头函数与普通函数function的区别是什么？构造函数（function）可以使用new生城实例，那么箭头函数可以吗？为什么？
weixin_42709466的博客
04-10 122
箭头函数与普通函数function的区别是什么？构造函数（function）可以使用new生城实例，那么箭头函数可以吗？为什么？
ES6中的箭头函数实例详解
08-30
2. **不支持`new`操作**：由于箭头函数没有`constructor`和`prototype`，因此不能作为构造函数使用，尝试用`new`调用箭头函数会导致错误。 3. **不能使用`arguments`对象**：箭头函数没有自己的`arguments`对象，...
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
10-15
- **常规函数**：常规函数可以作为构造函数使用，通过`new`关键字创建新的对象实例。 - **箭头函数**：箭头函数不能用作构造函数，因为它们没有`prototype`属性，也没有`new.target`，这使得它们无法创建新的对象...
es6函数之箭头函数用法实例详解
10-15
箭头函数可以与变量解构结合，使得参数可以是复杂的数据结构： ```javascript const full = ({first, last}) => first + ' ' + last; ``` 6. **回调函数的简化**： 在数组方法如`map`, `filter`, `reduce`等中...
ES6箭头函数和扩展实例分析
10-15
箭头函数不能用作构造函数，因此不能使用`new`关键字来实例化。尝试这样做会导致错误。 4. **没有原型方法**： 由于箭头函数不是真正的构造函数，它们没有`prototype`属性，也不能添加`prototype`方法。 5. **...
ES6箭头函数
Start_t的博客
11-30 636
ES6箭头函数写在前面1.箭头函数语法2.this的指向3.构造函数4.变量提升5.换行 写在前面 缺点： 箭头函数是不能new的，它的设计初衷就跟构造函数不太一样 箭头函数如果要返回一个JSON对象，必须用小括号包起来 var test = ()=>({id:3, val=20}) 对代码的可读性伤害太大 1.箭头函数语法 原有方法的声明函数 //function普通函数 ...
ES6 箭头函数
m0_60703077的博客
02-17 204
简单用法 箭头函数是函数表达式的写法。 之前的函数表达式 var foo = function (a, b) {return a + b}; 使用箭头函数 var foo = (a, b) => {return a + b}; 还可以更简单 var foo = (a, b) => a+ b; 一个参数还可以更省 var foo = a => a; 箭头函数带来什么好处？ 书写更加的方便了，我们可以直接从书写形式上看出来 function foo(a) { retu
【1】今日知识点：箭头函数为什么不能作为构造函数
qq_64634797的博客
07-31 847
【1】今日知识点：箭头函数为什么不能作为构造函数
ES6箭头函数与普通函数的区别
很多时候犯错都是在不知情的情况下发生的
08-19 1874
箭头函数与普通函数的区别 作为ES6中新加入的箭头函数语法，深受广大开发人员的喜爱，也是平时前端面试过程中经常会被提及问道的典型题目。它不仅简化了我们的代码，而且也让开发人员摆脱了“飘忽不定”的this指向，本文就箭头函数与普通函数的区别进行一些分析。 在我看来，面试官最关注的也是两者最关键的区别就是this指向的区别，普通函数中的this指向函数被调用的对象，因此对于不同的调用者，this的...
箭头函数和普通函数有什么区别
友人C君的博客
05-01 1316
函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，用callapplybind也不能改变this指向 不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用rest参数代替。 不可以使用yield命令，因此箭头函数不能用作Generator函数。 箭头函数没有原型对...
ES6---箭头函数与function定义函数有什么区别？在箭头函数中，this指向，构造函数，变量提升是如何表现的？
Wbiokr的博客
07-20 8719
简洁 ///function定义函数 function aaa(a,b){ return a+b; }///箭头函数定义函数 var aaa=(a,b)=>{return a+b;} this指向function传统定义的函数，this指向随着调用环境的改变而改变，而箭头 函数中的指向则是固定不变，一直指向定义环境的。 ///function定义函数中的this指向 function aaa
箭头函数与普通函数（function）的区别是什么？
web_Leeleon的博客
07-31 2920
箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，有以下几点差异： 1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。 2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 3、不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数。 4、不可以使用 new 命令，因为：...
箭头函数为什么不能作为构造函数？
热门推荐
哈哩噜啾啾哈呀呀的博客
04-04 1万+
在电话面试中，被问到箭头函数和普通函数的区别。这是常见面试题，我就按照我的理解回答常见答案：写法更简洁，没有this指向，this来自上下文，不能作为构造函数，这时候面试官追问，为什么箭头函数不能作为构造函数？ 我之前对于这个问题的理解是，构造函数需要this这个对象，用于接收传来的参数，以及在构造函数最后将这个this return出去。箭头函数没有this，所以不能作为构造函数。 由于紧...
重学 JS | 箭头函数为什么不能用做构造函数？
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
06-25 1827
点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群标题是某大佬入职鹅厂的面试题，这里借题聊聊箭头函数。前几天学习的时候，我写过关于this指向的问题，得出的结论是：t...
箭头函数和普通函数区别是什么？
最新发布
07-14
4. 构造函数：箭头函数不能用作构造函数，不能使用 `new` 关键字创建实例。而普通函数可以用作构造函数来创建对象。 5. 方法定义：在对象字面量中定义方法时，箭头函数不能作为方法，因为它没有自己的 `this` 绑定...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值