JS - 箭头函数

# 适用场景- ??一般在需要使用匿名函数时使用# 误用场景- ??函数作为构造函数- ??需要修改函数的`this`- ??需要使用`arguments`对象或访问`prototype`属性- ??需要作为生成器函数## 例如：### 需要修改函数的`this`：```javascriptvar 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‘);```### 生成器函数：```javascriptvar 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