引言
箭头函数作为 ES6 中的语法糖，提供了使用函数表达式更加简洁的方式，并且它独特的 this 绑定方式也让编程变得更加便捷。而 ES8 版本对箭头函数的使用方式进行了进一步的增强，本文将会详细介绍箭头函数的新增使用方式。
对象字面量
在 ES6 中，如下的对象字面量的语法是合法的：
const obj = {
prop1: value1,
prop2: value2,
method() {
// ...
}
}而 ES8 中，我们可以使用箭头函数的语法来定义方法：
const obj = {
prop1: value1,
prop2: value2,
method: () => {
// ...
}
}这种语法更加简洁，同时也可以让我们在使用 this 时更加便捷。
具名函数
在 ES6 中，我们无法使用箭头函数来定义具名函数，而 ES8 做出了改变：
const foo = () => {
// ...
}
foo.name // "foo"这种方式让我们使用箭头函数来定义具名函数变得更加简单和自然，同时，在进行函数调用、函数调试等操作时，也会变得更加方便。
更严格的错误提示
在 ES6 中，当我们错误地将箭头函数作为构造函数使用时，只会在控制台中抛出一个警告信息。而在 ES8 中，我们会在实例化时直接抛出错误：
const Foo = () => {}
const bar = new Foo() // TypeError: Foo is not a constructor这种改变在代码执行时更加规范和稳定，同时也能够帮助我们更好地进行错误调试和故障排查。
统一绑定
在 ES8 中，箭头函数的 this 绑定方式得到了统一和改进，它总是会继承执行上下文的 this 绑定。这种方式可以让我们在深层嵌套的函数调用中更加方便地使用 this，同时也可以保证 this 在执行过程中的稳定性。
总结
ES8 对箭头函数的改变在语法层面上并不算大，主要是在细节上进行的优化和改进，但这些变化都可以让我们的代码更加简洁、规范、易读和易维护。我们在编写代码时应该充分利用这些语法的优势，让我们的代码更加精简、高效和优雅。
示例代码:
// javascriptcn.com 代码示例
const obj = {
name: "Tom",
sayHello: () => { console.log(`Hello ${this.name}`) },
sayBye() { console.log(`Bye ${this.name}`) }
}
console.log(obj.name) // Tom
obj.sayHello() // Hello undefined
obj.sayBye() // Bye Tom来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6535d40e7d4982a6ebd7580e