来自动态函数名的Javascript新对象实例

时间:2012-02-10 03:07:13

标签: php javascript oop function dynamic

在PHP中,字符串可用于动态选择用于实例化的类。以下是PHP中的两个简单类:

<?php
class Magic implements Genius {
  public function perform() {
    echo 'madya look :P' . PHP_EOL;
  }
}

class Genie implements Genius {
  public function perform() {
    echo 'your wish has been granted!' . PHP_EOL;
  }
}

现在可能存在一个变量,使得在运行时实例化的类基于其内容

$sGeniusClass = 'Magic';
$oGenius      = new $sGeniusClass();

现在在Javascript中我喜欢使用函数作为构造函数来获得某种级别的类型,我可能会这样:

function Magic() {}
Magic.prototype = {
  perform : function()
  {
    console.log('madya look :P');
  }
}

function Genie() {}
Genie.prototype = {
  perform : function()
  {
    console.log('your wish has been granted!');
  }
}

我知道我可以使用 eval

来实现与PHP类似的东西

方法#1

var sClassName = 'Genie';
eval('var oGenius = new ' + sClassName);

我还看到an approach调用功能函数:

方法#2

var sClassName = 'Genie';
var oGenius = new Function('return new ' + sClassName)();

On the MDN虽然听起来每次创建实例时都会因重新评估而受到影响:

  

使用Function构造函数创建的函数对象在解析时   该功能已创建。这比声明a效率低   函数并在代码中调用它,因为声明了函数   使用函数语句解析其余的代码。

现在我还有一种方法有点单调乏味:

方法#3

var aClassMap = {
  Magic : Magic,
  Genie : Genie,
  create : function(sClassName) {
    if(this[sClassName] === undefined)
      return false;
    return new this[sClassName];
  }
}

var sClassName = 'Genie';
var oGenius = aClassMap.create(sClassName);

这似乎是我最喜欢的,没有使用 eval ,也没有后续的重新评估,比如解决方案#2。虽然这仍然有点工作,所以我的问题是双重的:

  1. 除了我展示的3种方法之外,还有其他方法吗?
  2. 是否有类似PHP的东西,字符串可以映射到要实例化的函数?

1 个答案:

答案 0 :(得分:4)

我认为你涵盖了所有这些。但是,您可以通过记住全局变量和函数是窗口对象的属性来简化第3种方法,因此您可以使用window创建全局类,如下所示:

var myClassName = "Genie";
window[myClassName] = function {};
window[myClassName].prototype = {
  perform : function()
  {
    console.log('I am a ' + myClassName + ', and your wish has been granted!');
  }
}

我认为性能将一如既往(因为Javascript内部使用哈希表来引用对象属性,无论如何)。