ES6 的箭头函数出现的一些问题及解决
在 ES6 中，箭头函数是一种快捷、简洁的语法，让我们能够更加轻松地编写函数，并且摆脱了函数中函数作用域的繁琐问题。但是，箭头函数同样也有需要注意的问题，以下是在实际开发中出现的一些问题及解决方案。
问题一：箭头函数中的 this 指向问题 箭头函数可以识别外部 this，这意味着它并没有自己的this，而是继承了其父级的this。简单来说，就是箭头函数的this是定义函数时的this，而不是使用时的this。但是当箭头函数被传入到另一个方法中执行时，由于它的this已经绑定在定义时的this上，所以this指向可能会出现问题。
解决办法：在方法中采用箭头函数，在方法中声明一个变量来保存this。
示例代码：
let obj = { foo: 10, bar() { console.log(this.foo); //输出： 10 setTimeout(() => { console.log(this.foo); //输出： 10 }, 1000); } }
obj.bar();
问题二：箭头函数对 arguments 变量的影响 箭头函数的参数是不会创建自己的 arguments 对象的，这可能会影响编写函数时对传入参数的判断。
解决办法：使用剩余参数来获取参数对象。
示例代码：
function sum(...args) { return args.reduce((a, b) => a + b); }
console.log(sum(1, 2, 3)); //输出：6
问题三：箭头函数不能用作构造器 箭头函数没有构造函数，不能使用 new 操作符来创建实例对象，这会导致在使用箭头函数来定义对象时出现问题。
解决办法：使用普通函数来创建构造器。
示例代码：
function Person(name) { this.name = name; }
Person.prototype.sayName = function() { return this.name; };
let p = new Person('Tom'); console.log(p.sayName()); //输出：Tom
结论 ES6 的箭头函数在使用时是非常便利的，并且可以大大简化编写代码的流程，但也需要开发者认真注意其中的问题，并针对每一个问题，制定出适合自己的解决方案。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/67236ef72e7021665e1004f0