JavaScript的“new”关键字是否有害?

在另一个问题中，一个用户指出使用new关键字是危险的，并提出了一个不使用new的对象创建解决方案。我不相信这是真的，主要是因为我使用过Prototype、Script.aculo.us和其他优秀的JavaScript库，它们都使用new关键字。

尽管如此，昨天我在YUI剧院看了Douglas Crockford的演讲，他说了完全相同的事情，他不再在他的代码中使用new关键字(Crockford谈JavaScript -第三幕:函数终极- 50:23分钟)。

使用new关键字“不好”吗?使用它的优点和缺点是什么?

当前回答

我刚刚读了Crockford的书《JavaScript: The Good parts》的一部分。我有一种感觉，他认为凡是咬过他的东西都是有害的:

关于开关故障:

我从不允许开关箱掉下来进入下一个案例。我曾经发现我的代码中有一个bug，是由无意中立刻落空在做了一次有力的演讲之后为什么有时候会失败有用的。(第97页，ISBN 978-0-596-51774-8)

关于++和——:

++(递增)和——(递减) 运营商已经知道通过鼓励来促成糟糕的代码过度的诡计多端。他们是第二只有错误的架构在启用病毒和其他安全性威胁。(第122页)

关于新:

如果你忘了说新的调用构造函数时的前缀函数，那么这个就不是绑定到新对象。遗憾的是,这将被绑定到全局对象，那么不是扩大你的新对象，你将在全球范围内大肆宣传变量。这真的很糟糕。在那里是否没有编译警告，并且没有运行时警告。(49页)

还有更多，但我希望你能理解。

对于你的问题，我的回答是:不，它是无害的。但如果你忘记使用它时，你可能会有一些问题。如果你在一个良好的环境中发展，你会注意到这一点。

在ECMAScript的第5版中，支持严格模式。在严格模式下，this不再绑定到全局对象，而是绑定到undefined。

2008-12-20 15:43:45

其他回答

JavaScript是一种动态语言，有无数种方法可以把其他语言阻止你的事情搞砸。

避免使用像new这样的基本语言特性，因为你可能会搞砸，这有点像在穿过雷区之前脱掉你闪闪发光的新鞋，以防你的鞋被弄脏。

我使用了一种约定，函数名以小写字母开头，而实际上是类定义的“函数”以大写字母开头。结果是一个非常引人注目的视觉线索，“语法”是错误的:

var o = MyClass();  // This is clearly wrong.

最重要的是，良好的命名习惯会有所帮助。毕竟，函数是做事情的，因此它的名字中应该有一个动词，而类代表对象，是没有任何动词的名词和形容词。

var o = chair() // Executing chair is daft.
var o = createChair() // Makes sense.

Stack Overflow的语法着色是如何解释上面的代码的，这很有趣。

2008-12-20 17:10:15

我认为new是邪恶的，不是因为如果你错误地忘记使用它，它可能会引起问题，而是因为它破坏了继承链，使语言更难理解。

JavaScript是基于原型的面向对象的。因此，每个对象都必须像这样从另一个对象创建:var newObj= object .create(oldObj)。这里oldObj被称为newObj的原型(因此是“基于原型的”)。这意味着如果一个属性在newObj中没有找到，那么它将在oldObj中被搜索。默认情况下，newObj将是一个空对象，但由于它的原型链，它似乎拥有oldObj的所有值。

另一方面，如果执行var newObj=new oldObj()，则newObj的原型是oldObj。原型，这是很难理解的。

诀窍在于使用

Object.create=function(proto){
  var F = function(){};
  F.prototype = proto;
  var instance = new F();
  return instance;
};

它在这个函数中，并且只有在这里才应该使用new。在此之后，只需使用Object.create()方法。该方法解决了原型问题。

2010-08-30 20:55:13

我写了一篇关于如何缓解不使用new关键字调用构造函数的问题的文章。

它主要是说教性的，但它展示了如何创建使用或不使用new的构造函数，并且不需要在每个构造函数中添加样板代码来测试它。

不使用new的构造函数

以下是该技巧的要点:

/**
 * Wraps the passed in constructor so it works with
 * or without the new keyword
 * @param {Function} realCtor The constructor function.
 *    Note that this is going to be wrapped
 *    and should not be used directly
 */
function ctor(realCtor) {
  // This is going to be the actual constructor
  return function wrapperCtor() {
    var obj; // The object that will be created
    if (this instanceof wrapperCtor) {
      // Called with new
      obj = this;
    } else {
      // Called without new. Create an empty object of the
      // correct type without running that constructor
      surrogateCtor.prototype = wrapperCtor.prototype;
      obj = new surrogateCtor();
    }
    // Call the real constructor function
    realCtor.apply(obj, arguments);
    return obj;
  }

  function surrogateCtor() {}
}

下面是如何使用它:

// Create our point constructor
Point = ctor(function(x, y) {
  this.x = x;
  this.y = y;
});

// This is good
var pt = new Point(20, 30);
// This is OK also
var pt2 = Point(20, 30);

2011-06-20 22:52:49

我认为“新”增加了代码的清晰度。而清晰就是一切。知道有陷阱是好事，但通过避免清晰来避免陷阱似乎不适合我。

2008-12-20 16:12:11