javascript - 名称 : function(){} or function name (){} | ReactJS

Question

我是 ReactJS 的新手，在学习过程中我注意到有几种方法可以声明函数，例如，

MyFunc : function(){
  ///
}

或

function MyFunc(){
  ///
}

我想知道我应该使用哪一个，为什么？

Answer 1

这不是 React 特定的函数声明方式。这是一种 javascript 方式。

MyFunc : function(){
  ///
}

将在对象字面量中

function MyFunc(){
 ///
}

将是构造函数或通用函数。

例如

const someObject = {
  MyFunc: function() {
    // some definition here.
  }
}

和

function MyFunc {
  // some definition here. Something like this.name = 'blah'
}

Which one shall I use and why

这取决于您想要的行为。使用构造函数表示法，您可以创建一个可以实例化为多个实例的对象(使用 new 关键字)，而文字表示法提供单个对象，如 singleton .