使用隐藏的new来创建对象
更新时间：2011年03月29日 00:17:52 作者：
JQ中发现的，jQuery.Event类。估计作者是为了减少代码量。定义一个类，但不用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和空格，实际上是在类内部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);
复制代码 代码如下:
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和空格，实际上是在类内部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);
相关文章
这篇文章主要为大家详细介绍了jQuery实现简单五子棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
最近项目中用到的一个效果，类似于Google+的添加圈子功能。本文插件约8成封装，好多功能是依据项目中实际需求写的。若要使用，可根据自身情况扩展修改2014-03-03
下面小编就为大家带来一篇jquery弹出遮掩层效果【附实例代码】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-04-04
其实楼主的F和jQuery.fn.init是相等的; 实现功能是和jq一样的, 只是jq的把构造函数放进原型;如果非要说原因,个人理解jq这样写整体结构清晰,先是入口构造函数,紧跟着是原型部分(原型里面init是初始化),但是不好理解;乍一看确实挺绕, 我也是看了好久才明白怎么回事2015-05-05
juqery 学习之四 筛选查找，学习jquery的朋友可以参考下。2010-11-11
这篇文章主要介绍了基于jQuery实现收缩展开功能的相关资料,需要的朋友可以参考下2016-03-03
最近，想用jQuery做一个网页的树目录结构，并且可以使用鼠标拖动调整选项的位置。我在网上找了一下插件，基本上看了好几款比较著名的，都觉得代码太复杂了或者界面太丑了等各种不符合我的要求2012-05-05
本文主要是通过表格向大家展示了jQuery选择器之基本选择器与层次选择器，方便大家对比学习，有需要的小伙伴参考下。2015-03-03
jquery的clone方法应用于textarea和select的bug修复
textarea和select的值clone的时候会丢掉，在clone的时候将val再重新赋值一下，如果知道这个了就加单了2014-06-06
jsTree(JQuery) 排序节点 Bug的解决方法。2011-07-07
最新评论