es6箭头函数解析_es6箭头函数用法和优势

es6箭头函数解析_es6箭头函数用法和优势

1ES6 之前的普通函数中:this 指向的是函数被调用的对象(也就是说,谁调用了函数,this 就指向谁)。而ES6 的箭头函数中:箭头函数本身不绑定this,this 指向的是箭头函数定义位置的this(也就是说,箭头函数在哪个位置定义的,this 就跟还有呢?

试试语音朗读:

(=`′=)

2(6). 箭头函数不能作为Generator函数,不能使用yield关键字(7). 箭头函数返回对象时,要加一个小括号var func = () => ({ foo: 1 }); //正确var func = () => { foo: 1 }; //错误(8). 箭头函数在ES6 class是什么。

ˋ^ˊ〉-# 试试语音朗读:

ˋωˊ

╯▽╰

1而箭头函数恰恰相反,箭头函数的this指向定义时所在的环境,它时静态固定的。导致这个区别的原因并不是箭头函数内部有什么特殊的绑定机制,而是因为箭头函数没有自己的this,所以需要通过查找作用域链来确定this 的值,导致内部的this就是外层好了吧!

(^人^) 试试语音朗读:

2箭头函数是es6的一种函数的简写方法。如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 varf = v = > v; //等同于varf =function(v){ returnv; } varsum = (num1,num2) => num1+num2 ; 等我继续说。

试试语音朗读:

≥▂≤

2讨论箭头函数的this 之前,不得不再熟悉一下执行上下文(Execution Context),因为this 指针(this value) 就存储在执行上下文中。执行上下文保存着函数执行所需的重要信息,其中有三个属性:变量对象(variable object),作用域链(scope chai好了吧!

+﹏+ 试试语音朗读:

●▽●

3箭头函数是一种使用箭头( => )定义函数的新语法, 主要有以下特性: 不能通过new关键字调用没有原型, 因为不能通过new调用,所以没有原型没有this, super,arguments和new.target绑定, new.target和super关键字是es6新增的后面会介绍。

˙0˙ 试试语音朗读:

0JavaScript 箭头函数简介与函数表达式相比,ES6 箭头函数为我们提供了一种编写更短语法的替代方法。下面的例子定义了一个函数表达式,它返回两个数字的和: letadd =function(x, y){returnx + y;}; 等会说。

ˋ﹏ˊ 试试语音朗读:

∩ω∩

?﹏?

2// ES6 $("#confetti-btn").click(event => { playTrumpet(); fireConfettiCannon(); }); 注意,带有块体{}的箭头函数不会自动返回值。此时要使用return语句,显式返回。使用箭头函数返回创建的普通对象时需要注意一点。总是用括是什么。

试试语音朗读:

原创文章,作者:黑帽达人,如若转载,请注明出处:https://www.ftmpx.cn/ofr50cqr.html

猜你喜欢:更多关于本篇文章的内容:
es6箭头函数的理解   es6箭头函数详解   es6箭头函数写法   es6箭头函数this指向哪里   es6 箭头函数 阮一峰   es5 箭头函数   es6新特性箭头函数   es6剪头函数   es6箭头函数作用   es6中箭头函数   

发表评论

登录后才能评论