用方法封裝javascript的new操作符(一)

2019-11-21 00:01:41

字體：大中小

供稿：網(wǎng)友

先看個(gè)例子：

 
var Class = { 
create : function () { 
return function () { 
this.initialize.apply(this, arguments); 
} 
} 
} 
var A = Class.create(); 
A.prototype = { 
initialize:function(){ 
//todo 
} 
test:"abc" 
} 
var a = new A(); 

這是很多jser構(gòu)建類和實(shí)例化對(duì)象的過(guò)程，細(xì)心的人會(huì)發(fā)現(xiàn)：實(shí)例化的a會(huì)多一個(gè)initialize方法。initialize在實(shí)例化時(shí)做為代理在實(shí)例化后就沒(méi)有存在的意義了，而且有時(shí)候會(huì)引起不必要的麻煩，比如 for…in 語(yǔ)句遍歷a時(shí)，會(huì)把initialize這個(gè)方法遍歷出來(lái)。
我首先想到的是用前面博文中寫(xiě)的Class.js來(lái)做,這樣就非常干凈。但是在Class.js中的繼承機(jī)制有一些bug的，在不入侵(即:不修改原型、不生成額外屬性)的條件下，要實(shí)現(xiàn)接口更是難上加難了。于是我就想到封裝new操作符，這樣做的好處就是可先修改原型，在封裝new的方法中，實(shí)現(xiàn)繼承、接口，并去除額外屬性。
我們首先給new操作符的簡(jiǎn)單的實(shí)現(xiàn)一下：

復(fù)制代碼代碼如下:

 
function New(){//new是關(guān)鍵字，所以要區(qū)別一下 
var as = [],args = arguments; 
for(var i=1;i<args.length;i++){ 
as.push('args['+i+']'); 
} 
nobj = eval("new args[0]("+as.join(",")+");"); 
return nobj; 
} 
接下來(lái)測(cè)試一下： 
function A(n){ this.name = n;} 
var a1 = new A('ts'); 
alert(a1.name);//ts 
var a2 = New(A,'tangoboy'); 
alert(a2.name);//tangoboy 
測(cè)試成功，現(xiàn)在New方法基本可以代替new操作符實(shí)例化對(duì)象了。 
然后 解決文章開(kāi)始的initialize問(wèn)題就非常簡(jiǎn)單了： 
function New(){ 
var as = [],args = arguments; 
for(var i=1;i<args.length;i++){ 
as.push('args['+i+']'); 
} 
nobj = eval("new args[0]("+as.join(",")+");"); 
delete nobj.initialize;//刪除實(shí)例化對(duì)象的方法 
return nobj; 
} 