码迷,mamicode.com
首页 > Web开发 > 详细

JS - 箭头函数

时间:2019-01-02 01:29:19      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:ocs   对象   构造   cti   函数   func   mozilla   function   gen   

# 适用场景 - 一般在需要使用匿名函数时使用 # 误用场景 - 函数作为构造函数 - 需要修改函数的`this` - 需要使用`arguments`对象或访问`prototype`属性 - 需要作为生成器函数 ## 例如: ### 需要修改函数的`this`: ```javascript var user = { name: "zhang", appendAF: (val)=>{ console.log(this.name + val);// apply不绑定this(箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。) }, appendF: function(val){ console.log(this.name + val);// apply绑定this } } function call(obj, fname, ...args){ console.log(obj); obj[fname].apply(obj, args); } call(user, ‘appendAF‘, ‘qqq‘); call(user, ‘appendF‘, ‘qqq‘); ``` ### 生成器函数: ```javascript var genAF = (* () => { yield 123; })(); // 语法错误 var genF = (function* (){ yield 123; })(); // 正确 ``` # 参考 > [箭头函数 | MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions)

JS - 箭头函数

标签:ocs   对象   构造   cti   函数   func   mozilla   function   gen   

原文地址:https://www.cnblogs.com/jffun-blog/p/10206560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!