用方法封裝javascript的new操作符(一)
更新時(shí)間：2010年12月25日 23:01:33 作者：
雖然js是基于對(duì)象的，但在很多時(shí)候會(huì)使用到new這個(gè)操作符。
先看個(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)。
我首先想到的是用前面博文中寫的Class.js來(lái)做,這樣就非常干凈。但是在Class.js中的繼承機(jī)制有一些bug的，在不入侵(即:不修改原型、不生成額外屬性)的條件下，要實(shí)現(xiàn)接口更是難上加難了。于是我就想到封裝new操作符，這樣做的好處就是 可先修改原型，在封裝new的方法中，實(shí)現(xiàn)繼承、接口，并去除額外屬性。
我們首先給new操作符的簡(jiǎn)單的實(shí)現(xiàn)一下：
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ì)象了。
然后 解決文章開始的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;
}
下一節(jié)開始豐富New方法。
復(fù)制代碼 代碼如下:
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)。
我首先想到的是用前面博文中寫的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ì)象了。
然后 解決文章開始的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;
}
下一節(jié)開始豐富New方法。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)瀑布流布局的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JS也玩OO繼承...2007-01-01
使用gulp搭建本地服務(wù)器并實(shí)現(xiàn)模擬ajax
這篇文章主要給大家介紹了如何使用gulp搭建本地服務(wù)器并實(shí)現(xiàn)模擬ajax的相關(guān)資料，文中介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
最全面的百度地圖JavaScript離線版開發(fā),這篇文章主要為大家詳細(xì)介紹了JavaScript離線版開發(fā)的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章是JavaScript插件化開發(fā)系列教程的第五篇，還是著重于實(shí)戰(zhàn)，通過(guò)具體的實(shí)例來(lái)學(xué)習(xí)jQuery的方式如何開發(fā)插件，有相同需求的小伙伴來(lái)參考下吧。2015-02-02
js 計(jì)數(shù)排序的實(shí)現(xiàn)示例(升級(jí)版)
這篇文章主要介紹了js 計(jì)數(shù)排序的實(shí)現(xiàn)示例(升級(jí)版),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章主要介紹了js如何讀取csv內(nèi)容拼接成json，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
詳解JS如何實(shí)現(xiàn)文字溢出時(shí)用省略號(hào)...顯示
這篇文章主要為大家詳細(xì)介紹了JavaScript如何實(shí)現(xiàn)當(dāng)文本內(nèi)容過(guò)長(zhǎng)時(shí),中間顯示省略號(hào)...,兩端正常展示,有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
JS產(chǎn)生隨機(jī)數(shù)的幾個(gè)用法詳解
下面小編就為大家?guī)?lái)一篇JS產(chǎn)生隨機(jī)數(shù)的幾個(gè)用法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)文件預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10