论坛首页 Web前端技术论坛

使用隐藏的new来创建对象

浏览 4049 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-04-09   最后修改:2010-04-09
weiqingfei 写道
zhouyrt 写道
weiqingfei 写道
直接调用Person方法时,这儿的this指的是window,只有在new Person的时候,this才指的是Person的一个实例,原本这儿就是为了判断是直接调用,还是在new。但是当window里也有这个方法或者属性的时候,就失效了。


说的有道理。
把条件改成以下就可以了,不怕同名的全局函数了。
1,this==window
2,this===window
3,this==self
4,this!=Object


有时候,这个方法的声明,不一定会放在全局(也就是window)上,所以我觉得如果是内部使用的话也就算了,开放给用户用的话不大合适。


诚如jq中jQuery.Event的定义,Event不是全局的而是挂在jQuery上的,这样定义的用!this.preventDefault判断没有问题。或者说即使定义了全局的preventDefault(函数/变量),这个条件也不会失效的。因为jQuery.Event类中的this指向的是jQuery而非window。


因此,这种写法有几个前提。
1,是在定义一个类
2,用new去创建这个类的实例
3,追求极致的精简代码

0 请登录后投票
   发表时间:2010-04-09   最后修改:2010-04-09
蔡华江 写道
还有一个问题就是,这种写法会带来call与apply方法的不正确运行


可以运行,只要正确的传了上下文参数。但这样违背了每次创建对象减少byte的初衷。

以下的p0,p1,p2分别是(),call,apply调用,会发现call,apply创建对象的代码比new还多。

function setName(){};

function Person(name,age){
	if(this==window){//this==self or this.constructor != Object
	   return new Person(name,age);
	}
	this.name=name;
	this.age=age;
}
Person.prototype.setName = function(n){this.name=n;};
Person.prototype.getName = function(){return this.name;}

var p0 = Person('jack',25);
var p1 = Person.call(window,'jack',25);
var p2 = Person.apply(window,['jack',25]);



0 请登录后投票
   发表时间:2010-04-09  
zhouyrt 写道
蔡华江 写道
还有一个问题就是,这种写法会带来call与apply方法的不正确运行


可以运行,只要正确的传了上下文参数。但这样违背了每次创建对象减少byte的初衷。

以下的p0,p1,p2分别是(),call,apply调用,会发现call,apply创建对象的代码比new还多。

function setName(){};

function Person(name,age){
	if(this==window){//this==self or this.constructor != Object
	   return new Person(name,age);
	}
	this.name=name;
	this.age=age;
}
Person.prototype.setName = function(n){this.name=n;};
Person.prototype.getName = function(){return this.name;}

var p0 = Person('jack',25);
var p1 = Person.call(window,'jack',25);
var p2 = Person.apply(window,['jack',25]);




是不是我要这样认为,你在楼上举的特例是能正常运行的。
可是我调用call与apply时,通常不是放置window作为scope的,如果是那样的话,我直接使用window就行了。
也许我会使用一个Student类来调用,if(this==window)的验证岂不是无效的。
0 请登录后投票
   发表时间:2010-04-09  
zhouyrt 写道
weiqingfei 写道
zhouyrt 写道
weiqingfei 写道
直接调用Person方法时,这儿的this指的是window,只有在new Person的时候,this才指的是Person的一个实例,原本这儿就是为了判断是直接调用,还是在new。但是当window里也有这个方法或者属性的时候,就失效了。


说的有道理。
把条件改成以下就可以了,不怕同名的全局函数了。
1,this==window
2,this===window
3,this==self
4,this!=Object


有时候,这个方法的声明,不一定会放在全局(也就是window)上,所以我觉得如果是内部使用的话也就算了,开放给用户用的话不大合适。


诚如jq中jQuery.Event的定义,Event不是全局的而是挂在jQuery上的,这样定义的用!this.preventDefault判断没有问题。或者说即使定义了全局的preventDefault(函数/变量),这个条件也不会失效的。因为jQuery.Event类中的this指向的是jQuery而非window。


因此,这种写法有几个前提。
1,是在定义一个类
2,用new去创建这个类的实例
3,追求极致的精简代码


嗯,其实是一样的,要保证object  jQuery里面没有属性或者方法preventDefault,否则也同样会失效。
但是用户使用jQuery.extend是可以添加这个方法或者属性的。

我没用过jQuery,只是刚开始看它的代码,还不知道jQuery.Event到底怎么用,如果可以开放给用户的话,这个地方就要注意了。
0 请登录后投票
   发表时间:2010-04-11  
外表看来少了4byte的也就是new 少了,并且window下also不能有if判断的同名对象存在.
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics