jQuery源码学习:使用隐藏的new来创建对象
2016-03-31 17:02 盛世游侠 阅读(278) 评论(0) 编辑 收藏 举报在JQuery源码中发现,JQuery定义一个类,但不用new关键字去创建该类对象,而使用方法调用()方式去创建该对象。
很多时候我们是这样写类,然后使用new创建对象的:
function Person(name,age){ this.name=name; this.age=age; }
Person.prototype={ setName : function(n){this.name=n;}, getName : function(){return this.name;} } var p = new Person('jack',25);
现在我们可以试试改成这样的:
function Person(name,age){ //条件改为(this==window)或(this==self)或(this.constructor!=Object) if(!this.setName){ return new Person(name,age); } this.name=name; this.age=age; }
Person.prototype={ setName : function(n){this.name=n;}, getName : function(){return this.name;} } var p = Person('jack',25);
注意这种写法较最上面的写类方式中多了以下代码(魔鬼总是隐藏在细节中):
if(!this.setName){ return new Person(name,age); }
创建类的实例(对象)方式也变成了这样:
var p = Person('jack',25);
这种创建方式(函数调用)较上面我们常用的那种方式少了new和空格,实际上是在类内部new了。而这样方式每次创建对象可以减少4个byte。
如果把类内部的if判断条件换成非prototype上的属性,如this.name。程序会提示出错:too much recursion
function Person(name,age){ if(!this.name){ return new Person(name,age); } this.name=name; this.age=age; } Person.prototype={ setName : function(n){this.name=n;}, getName : function(){return this.name;} } var p = Person('jack',25); //会报“too much recursion”错误