es6函数之箭头函数用法实例详解

　　慧编程app如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。

　　由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错。

　　上面代码中，原始意图是返回一个对象{a: 1 } ，但是由于引擎认为大括号是代码块，所以执行了一行语句a: 1，这时，a可以理解为语句的标签，因此实际执行了语句是1,然后函数就结束了，没有返回值。

　　3）不可以使用arguments对象，该对象在函数体内不存在，如果要用，可以用rest参数代替。

　　上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到100ms后。如果是普通函数，执行时this应该指向全局对象window,这时应该输出21。但是，箭头函数导致this总是指向函数定义生效时所在的对象，所在输出的是42.

　　箭头函数根本没有自己的this，导致内部的this就是外层代码块的this,正是因为它没有this,所以也就不能用作构造函数。

　　别外，由于箭头函数没有自己的this,所以当然也就不能用call(),apply(),bind()这些方法去改变this的指向。

　　上面代码中，cat.jumps()方法是一个箭头函数ASP编程，这是错误的。调用cat.jumps()时，如果是普通函数，该方法内部的this指向cat；如果写成上面那样的箭头函数，使得this指向全局对象，因些不会得到预期结果。

　　上面代码运行时，点击按钮会报错，因为button的监听函数是一个箭头函数，导致里面的this就是全局对象。如果改成普通函数，this就会动态指向被点击的按钮对象。

　　感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。

　　更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》