JavaScript 对象实例化选项

Question

鉴于：

function MyCtor() {}
var myInstance = new MyCtor(); //myInstance.constructor ==== MyCtor

var MyCtor = function() {}
var myInstance = new MyCtor(); //myInstance.constructor ==== Function

如果您使用前一种模式实例化一个对象，则构造函数“更有意义”。

这些方法中的一种是首选吗？在某些情况下，一个人更惯用吗？

Answer 1

在第一种情况下，您有一个命名函数，因此在对构造函数进行字符串化时会看到该名称。

在第二种情况下，您只有一个指向匿名函数的指针，因此无法显示构造函数的名称。

不过，您可以通过在第二种情况下使用命名函数来将两者结合起来：

var MyCtor = function MyCtor() {}
var myInstance = new MyCtor(); //myInstance.constructor === MyCtor

这也有效：

var otherRefName = function MyCtor() {}
var myInstance = new otherRefName(); //myInstance.constructor === MyCtor

关于用法：

当您需要将构造函数传递给其他函数（可能是回调）时，可以使用此模式。

一个（非常非常）简化的例子可能是这样的：

getConstructor( type ) {

  switch( type ) {
    case 'a': return function ContrA(){};
    case 'b': return function ContrB(){};
  }

}


var myConstr = getConstructor( 'a' ),
    myInstance = new myContr(); // myInstance.constructor === ConstrA

其他相关问题：

• var functionName = function() {} vs function functionName() {}