JavaScript 箭头函数运算符
描述
箭头函数运算符 (=> ) 使用简洁的语法创建函数。
| 功能 | 常规函数 | 箭头函数 |
|---|---|---|
| 语法 | function add(a, b) { |
const add = (a, b) => a + b; |
| this | this 是动态的 取决于函数的调用方式 |
this 是词法的 继承自周围的作用域 |
| new | new myFunction 可以使用 |
new 不能使用 |
| hoisting(提升) | 会被提升 | 必须在使用前定义 |
| arguments(参数) | 具有一个argument对象 |
必须使用剩余参数(...args) |
| 使用场景 | 当你需要自定义 this、hoisting(提升)或arguments(参数)时 | 当你需要简洁的函数和词法化的 this 时 |
更多示例
浏览器支持
=> 是 ECMAScript 6 (ES6 2015) 的一项特性。
JavaScript 2015 自 2017 年 6 月起,所有浏览器均已支持 JavaScript 2015。
| Chrome 51 |
Edge 15 |
Firefox 54 |
Safari 10 |
Opera 38 |
| 2016年5月 | 2017年4月 | 2017年6月 | 2016年9月 | 2016年6月 |
