JavaScript中的=>{}语法代表什么含义？

这个语法叫箭头函数，是ES2015（ES6）版本新增的函数写法，本质是普通function函数的简化版本，你可以把它理解成“把前面的参数传给后面的函数体执行”。

核心特性 #

• 写法更简洁
  对比普通函数写法，你可以省掉function关键字：
  普通写法：function(a) { return a + 1 }
  箭头函数等价写法：a => a + 1
  如果只有1个参数，可以省略参数外层的括号；如果函数体只有一行返回逻辑，还可以省略大括号和return关键字。你示例里的response =>{}就是1个参数的写法，参数名为response，当前函数体为空。
• 不会自己绑定this
  这是它和普通function最大的区别：普通function的this会根据调用方式变化，箭头函数里的this直接继承自己外层作用域的this值，不用手动做bind绑定。

你给出的示例解释 #

componentDidMount() {
  axios.get("https://jsonplaceholder.typicode.com/posts")
  .then(response => {
    // 这里如果用普通function，this需要额外绑定才能拿到组件实例
    // 用箭头函数的话，这里的this直接就是外层componentDidMount的this，也就是当前组件实例
    // response就是请求成功后拿到的返回结果
  })
}

日常开发中数组的map/filter等方法的回调、Promise的then/catch回调、React的事件处理函数等场景都很常用，能大幅减少冗余代码。

内容的提问来源于stack exchange，提问作者thehansguy