首页 > Web开发 > 详细

JS - 箭头函数

时间:2019-01-02 00:49:24      阅读:173      评论:0      收藏:0      [点我收藏+]
# 适用场景 - 一般在需要使用匿名函数时使用 # 误用场景 - 函数作为构造函数 - 需要修改函数的`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 - 箭头函数

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!