Javascript 什么是=()=>;反应组分中的平均值

Javascript 什么是=()=>;反应组分中的平均值,javascript,Javascript,以下代码中的=()=>是什么意思 enterclass Counter extends React.Component { tick = () => { ... } ... } code here 在您的示例中,它将函数分配给tick变量。()=>{…}是函数。这是一个ES6风格的“arrow”函数表达式。这些类似于function表达式(tick=function(){…}),只是函数中的this值继承自定义它的上下文,而不是在调用函数时设置 下面是一个简单的差异示

以下代码中的
=()=>
是什么意思

enterclass Counter extends React.Component {
  tick = () => {
    ...
  }
  ...
} code here

在您的示例中,它将函数分配给
tick
变量。
()=>{…}
是函数。这是一个ES6风格的“arrow”函数表达式。这些类似于
function
表达式(
tick=function(){…}
),只是函数中的
this
值继承自定义它的上下文,而不是在调用函数时设置

下面是一个简单的差异示例(需要支持ES6的JavaScript引擎):

关于巴贝尔的回复


请注意,箭头函数的
this
在创建它的上下文中与
this
相同,但非箭头函数的
this
不是(而是由
forEach
调用它的方式设置)。

这是ES6中一个称为“箭头函数”的功能:

它基本上是一个缩写:

var tick = function () { ... }.bind(this);
var tick = function () { ... }.bind(this);