ES6-7 - 箭头函数的实质、箭头函数的使用场景

最新推荐文章于 2024-01-29 21:14:09 发布

Stephy_Yy

最新推荐文章于 2024-01-29 21:14:09 发布

阅读量224

点赞数

分类专栏：系统学习 # ES6

本文链接：https://blog.csdn.net/weixin_43503511/article/details/118690762

版权

本文深入探讨了箭头函数的特性，包括其如何返回对象、不具有的this绑定、不能作为构造函数及不支持arguments。同时阐述了在定义对象方法时为何避免使用箭头函数，并举例说明了bind与箭头函数在this指向上的差异。此外，还讨论了箭头函数在嵌套使用和应用场景中的注意事项，如适用于简单函数表达式、事件绑定和内层函数表达式中this保持一致的情况。

摘要由CSDN通过智能技术生成

箭头函数返回对象

// 这种情况要要用(),否则会将对象的{
   }解释为块
const fn = (a, b) => ({
   a:1, b:2})

箭头函数的特点

this指向由外层函数的作用域来决定，它本身没有this，不能通过call、apply、bind改变
不能作为构造函数使用
不可以使用arguments对象，该对象在函数体内不存在，可用rest代替
不可以使用yield命令，因此箭头函数不能用作 Generator 函数。

function foo() {
   
    console.log('this', this)
    return (a) => {
   
        console.log('a', this.a)
    }
}
var obj1 = {
    a: 2 };
var obj2 = {
    a: 3 };
var bar = foo.call(obj1)
bar.call(obj2) // 2