ES6中箭头函数是什么及怎么使用

这篇文章主要介绍了ES6中箭头函数是什么及怎么使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇ES6中箭头函数是什么及怎么使用文章都会有所收获，下面我们一起来看看吧。ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。箭头函数在语法上比普通函数简洁多。箭头函数就是采用箭头=>来定义函数，省去关键字function。函数的参数放在=>前面的括号中，函数体跟在=>后的花括号中如果箭头函数没有参数，写空括号如果箭头函数有一个参数，也可以省去包裹参数的括号如果箭头函数有多个参数，将参数依次用逗号(,)分隔，包裹在括号中。如果箭头函数的函数体只有一句执行代码，简单返回某个变量或者返回一个简单的js表达式，可以省去函数体花括号{ }如果箭头函数的函数体只有一句代码，返回的不是变量和简单的js表达式，而是一个对象。如果箭头函数的函数体只有一条语句且不需要返回值（最常用于回调函数），加上void关键字箭头函数用于回调函数，常见简洁箭头函数没有自己的this指向，它会捕获自己定义所处的外层执行环境，并且继承这个th免费云主机、域名is值。箭头函数的this指向在被定义的时候就确定了，之后永远都不会改变。（！永远）解析：普通函数的setTimeout 一秒后执行是在全局作用域，所有this指向window对象，this.id指向了全局变量id，输出Golbal。箭头函数的this在定义的时候就确定了，继承fn2的执行环境中的this，fn2的this指向被call方法改变绑定到obj这个对象解析：普通函数作为对象的方法调用，this指向所属的对象（谁调用它就指向谁），this.id 就是obj.id；箭头函数继承定义它的执行环境的this，指向window对象，指向全局变量，输出Global。花括号{}无法形成一个单独的执行环境，所有它依然在全局中。.call()/.apply()/.bind()方法可以用来动态修改函数执行时this的指向，但由于箭头函数的this定义时就已经确定且永远不会改变解析：say的普通函数通过call调用已经改变this指向。say2箭头函数调用call绑定尝试改变this指向，但是仍然打印出外一层普通函数的this指向，window对象的全局变量name。间接修改：修改被继承的普通函数的this指向，箭头函数的this指向也会跟着改变。箭头函数的this指向定义时所在的外层第一个普通函数，跟使用的位置没有关系。箭头函数的this指向继承自外层第一个普通函数的this，那么如果没有外层函数，它的this指向哪里？this的绑定规则：非严格模式下，默认绑定的this指向全局对象，严格模式下this指向undefined。如果箭头函数外层没有普通函数继承，箭头函数在全局作用域下，严格模式和非严格模式下它的this都会指向window(全局对象)箭头函数中的this引用的是最近作用域中的this，是向外层作用域中，一层层查找this，直到有this的定义。构造函数做了什么？JS内部首先会先生成一个对象再把函数中的this指向该对象然后执行构造函数中的语句最终返回该对象实例箭头函数没有自己的this，this继承外层执行环境中的this，且this永远不会改变。new会报错ES6新引入的属性，普通函数可以通过new调用，new.target返回该函数的引用。用于确定构造函数是否为new调用。箭头函数并不能作为构造函数使用new，自然也不支持new.targer。箭头函数的this指向全局对象，会报arguments未声明的错。解析：普通函数可以打印arguments，箭头函数报错。因为箭头函数处于全局作用域中，在全局作用域没有arguments的定义，箭头函数本身没有arguments，所以报错。解析：两个函数打印的argument相同，都是fn2函数的arguments。总结箭头函数没有自己的arguments对象。在箭头函数中访问arguments实际上获得的是外层局部（函数）执行环境中的值。rest是ES6的API，用于获取函数不定数量的参数数组。这个API可以用来替代arguments。解析：rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。获取函数的第一个确定的参数，以及用一个变量接收其他剩余函数的实例。rest必须是函数的最后一位参数函数的length属性不包括rest箭头函数和普通函数都可以使用rest参数，而arguments只能普通函数用。接收参数rest比arguments更加灵活，完全可以自定义。rest是一个真正的数组可以使用数组API，arguments只是一个类数组。函数箭头一条语句返回对象字面量，需要加括号。箭头函数在参数和箭头之间不能换行箭头函数的解析顺序相对||靠前对象无法构造单独的作用域解析：person.say2()方法是一个箭头函数，调用person.say2()的时候this指向全局对象，达不到预期。对象无法构成单独的作用域，定义say2()箭头函数的时候作用域在全局作用域。解析：报错。按钮点击是一个回调函数，而箭头函数内部的this指向外一层普通函数的this，在这里就是window，所以报错。改成普通函数就不会报错（1）箭头函数语法更简洁清晰，快捷。（2）箭头函数没有原型prototype，并不会自己创建this，并且this不能被修改，call等都不能修改到。只能间接修改被继承的this（3）箭头函数的this在定义时就定了，继承外一层的普通函数（4）如果箭头函数外一层再外一层都不能找到普通函数，在严格和非严格情况下都会指向window对象（5）箭头函数的this指向全局，使用arguments会报未声明的错误（6）箭头函数的this指向外一层的普通函数，使用argument继承该普通函数（7）箭头函数不能构造函数，不能new.target，不能new，没有constructor（8）箭头函数不支持重复命名参数，普通函数可以重复命名参数关于“ES6中箭头函数是什么及怎么使用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“ES6中箭头函数是什么及怎么使用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云技术行业资讯频道。

相关推荐: Angular中如何使用方法装饰器

这篇“Angular中如何使用方法装饰器”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Angular中如何使用方法装饰器”文章吧。在es6中，装…