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

2020/09/24 02:21 · javascript ·  · 0评论

在另一个问题中,用户指出该new关键字使用很危险,并提出了不使用该对象的解决方案new我不相信这是真的,主要是因为我使用了Prototype,Scriptaculous和其他出色的JavaScript库,并且每个人都使用了new关键字。

尽管如此,昨天我还是在Douglas Crockford在YUI剧院观看了演讲,他说的一模一样,他new不再在代码中使用关键字(JavaScript上的Crockford-Act III:终极功能-50:23分钟)。

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

Crockford在推广良好的JavaScript技术方面做了很多工作。他对语言关键要素的自以为是的态度引发了许多有用的讨论。就是说,太多的人把每一个“坏”或“有害”的宣告当作福音,拒绝超越一个人的视线。有时可能会令人沮丧。

new与从头开始构建每个对象相比,使用关键字提供的功能具有多个优点:

  1. 原型继承尽管基于类的OO语言的人们经常将怀疑和嘲笑混为一谈,但JavaScript的本机继承技术是一种简单且令人惊讶的有效代码重用方法。并且new关键字是使用它的规范方法(并且只有可用的跨平台方法)。
  2. 性能。这是#1的副作用:如果我想向我创建的每个对象添加10个方法,我可以编写一个创建函数,将每个方法手动分配给每个新对象...或者,我可以将它们分配给创建功能,prototype并用于new标记新对象。这样不仅速度更快(原型上的每个方法不需要代码),而且还避免了为每个方法使用单独的属性来膨胀每个对象。在较慢的机器(尤其是较慢的JS解释器)上,当创建许多对象时,这可能意味着大量节省时间和内存。

是的,它new有一个关键的劣势,其他答案对此有很好的描述:如果您忘记使用它,您的代码将在没有警告的情况下中断。幸运的是,可以轻松减轻这种缺点-只需向函数本身添加一些代码即可:

function foo()
{
   // if user accidentally omits the new keyword, this will 
   // silently correct the problem...
   if ( !(this instanceof foo) )
      return new foo();

   // constructor logic follows...
}

现在,您new无需担心因意外使用而引起的问题,便可以拥有优点如果断码的想法静默地起作用,您甚至可以在检查中添加一个断言。或者,如某些评论所述,使用检查来引入运行时异常:

if ( !(this instanceof arguments.callee) ) 
   throw new Error("Constructor called as a function");

(请注意,此代码段可以避免对构造函数名称进行硬编码,因为与前面的示例不同,它不需要实际实例化对象-因此,可以将其复制到每个目标函数中,而无需进行修改。)

John Resig在他的“类”实例化简单文章中详细介绍了此技术,并包括一种默认情况下将此行为构建到“类”中的方法。绝对值得一读...正如他即将出版的书《 JavaScript忍者的秘密》一样,该书在JavaScript语言的此功能和许多其他“有害”功能中发现了隐藏的金子(该with那些最初被解雇的人特别有启发性这个much谐的功能(a头)。

我刚刚阅读了他在克罗克福德(Crockfords)的书“ Javascript:好的部分”中的某些部分。我感觉到他认为曾经刺伤他的一切都是有害的:

关于开关掉线:

我绝不允许切换案例陷入下一个案例。我曾在激烈地演讲过为什么有时有用之后立即发现了我的代码中的错误,该错误是由于意外的失败而引起的。(第97页,ISBN 978-0-596-51774-8)

关于++和-

众所周知,++(递增)和-(递减)运算符会通过鼓励复杂性而导致不良代码。在启用病毒和其他安全威胁方面,它们仅次于错误的体系结构。(第122页)

关于新:

如果你忘记了包含新的
调用构造函数时前缀,那么
将不会被绑定到新的对象。可悲的是,
将绑定到全局对象,因此您将无法破坏全局变量,而不是增加新对象。
那真是太糟糕了。没有编译警告,也没有运行时警告。(第49页)

还有更多,但我希望您能明白。

我对您的问题的回答:不,这不是有害的。但是如果忘记了使用它的时间,可能会遇到一些问题。如果您在良好的环境中进行开发,则会注意到这一点。

更新资料

编写此答案大约一年后,发布了ECMAScript的第五版,并支持严格模式在严格模式下,this不再绑定到全局对象,而是绑定到undefined

Javascript是一种动态语言,有无数种方法可以弄乱另一种语言会阻止您的位置。

避免使用基本语言功能(例如new,可能会搞砸了)有点像在穿过雷区之前脱下闪亮的新鞋,以防万一您的鞋子浑浊。

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

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

除此以外,良好的命名习惯也有帮助。在所有函数完成工作之后,因此名称中应该有一个动词,而类表示对象,是不带动词的名词和形容词。

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

有趣的是,SO的语法着色如何解释了上面的代码。

我是Java语言的新手,所以也许我只是不太有经验,无法对此提供一个很好的观点。但是,我想分享我对这一“新”事物的看法。

我来自C#世界,在这里使用关键字“ new”是如此自然,以至于工厂设计模式对我来说很奇怪。

当我第一次使用Javascript编写代码时,我没有意识到有像“ YUI”模式中那样的“ new”关键字和代码,并且花了很长时间我才陷入灾难。在回顾我编写的代码时,我无法知道特定行应该做什么。更混乱的是,当我“空运行”代码时,我的思想无法真正在对象实例边界之间转换。

然后,我找到了“新”关键字,它对我来说是“分离”的东西。使用new关键字,它可以创建事物。如果没有new关键字,我知道我不会将其与创建事物混淆,除非我要调用的函数为我提供了强有力的线索。

例如,var bar=foo();我不知道什么条形可能是...。这是一个返回值还是一个新创建的对象?但是var bar = new foo();我肯定知道bar是一个对象。

另一种情况新就是我所说的维尼编码小熊维尼跟随他的肚子。我说去你正在使用,而不是语言反对它。

该语言的维护者很可能会针对他们尝试鼓励的惯用语优化该语言。如果他们在语言中添加了新的关键字,他们可能会认为创建新实例时清楚一点是有意义的。

遵循该语言意图编写的代码将在每个发行版中提高效率。避免使用语言的关键构造的代码将随着时间而受苦。

编辑:这远远超出了性能。我不能指望我听说的时候(或者说)“到底为什么他们做?” 当发现奇怪的代码时。经常发现,在编写代码时,有一些“好的”理由。遵循这种语言的道理是最好的保证,因为从现在开始几年都没有嘲笑您的代码。

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

这主要是讲解性的,但是它说明了如何创建可以使用或不使用的构造函数,而不
new需要您添加样板代码this在每个构造函数中进行测试

http://js-bits.blogspot.com/2010/08/constructors-without-using-new.html

这是该技术的要点:

/**
 * 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; // 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);

不使用new关键字的原理很简单:

通过完全不使用它,可以避免因意外遗漏而导致的陷阱。YUI使用的构造模式是如何完全避免使用新关键字的示例”

var foo = function () {
    var pub= { };
    return pub;
}
var bar = foo();

或者,您可以这样:

function foo() { }
var bar = new foo();

但是这样做会冒着有人忘记使用new关键字,而this运算符全是富巴的风险。AFAIK这样做没有任何优势(除了您已经习惯了)。

在一天结束时:这是关于防御。 您可以使用新的陈述吗?是。它会使您的代码更危险吗?是。

如果您曾经编写过C ++,则类似于删除指针后将其设置为NULL。

我认为“新”可增加代码的清晰度。清晰是值得的。很高兴知道有陷阱,但是通过避免清晰度来避免陷阱对于我来说似乎不是办法。

情况1:new不是必需的,应该避免

var str = new String('asd');  // type: object
var str = String('asd');      // type: string

var num = new Number(12);     // type: object
var num = Number(12);         // type: number

情况2:new是必填项,否则会出现错误

new Date().getFullYear();     // correct, returns the current year, i.e. 2010
Date().getFullYear();         // invalid, returns an error

这是我对使用和反对使用new运算符的两个最强论点所做的最简短的总结

反对 new

  1. 如果设计人员使用new操作符实例化为对象的
    函数被错误地调用为正常函数,则可能会造成灾难性的后果。在这种情况下,函数的代码将在调用函数的范围内执行,而不是按预期在本地对象的范围内执行。这可能导致全局变量和属性被覆盖,造成灾难性的后果。
  2. 最后,对某些程序员来说,编写function Func(),然后调用Func.prototype
    并添加东西以便您可以调用
    new Func()来构造对象似乎有些丑陋,他们出于架构和风格方面的原因而宁愿使用另一种对象继承样式。

有关此论点的更多信息,请查看道格拉斯·克罗克福德(Douglas Crockford)伟大而简洁的书《 Javascript:The Good Parts》。实际上无论如何都要检查一下。

赞成的论点 new

  1. new与原型分配一起使用运算符很快。
  2. 如果您总是在构造函数中包含一些代码以检查它们是否被正确调用,以及在未正确调用它们的情况下,可以很容易地避免在全局名称空间中意外运行构造函数的代码的问题。 ,根据需要适当处理呼叫。

有关此技术的简单说明,以及他主张的继承模型的一般性更深入的说明,请参见John Resig的文章

我同意佩斯和这里的一些观点。

在我看来,“新”似乎是自我描述对象的创建,Greg Dean所描述的YUI模式被完全遮盖了

有人可能写的可能性var bar = foo;或者var bar = baz();baz不是对象创建方法的可能性似乎危险得多

我认为new是邪恶的,不是因为如果您忘记错误使用它可能会导致问题,而是因为它会破坏继承链,从而使语言难以理解。

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

在如果你做的另一方面var newObj=new oldObj(),原型newObjoldObj.prototype,这是不必要的难以理解。

诀窍是使用

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

在此函数内部,仅在此处应使用new。之后,只需使用Object.create()方法。该方法解决了原型问题。

本文地址:http://javascript.askforanswer.com/javascriptde-newguanjianzishifouyouhai.html
文章标签:
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!