DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 用方法封裝javascript的new操作符(一)
用方法封裝javascript的new操作符(一)
編輯:關於JavaScript     
先看個例子:
復制代碼 代碼如下:
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構建類和實例化對象的過程, 細心的人會發現: 實例化的a會多一個initialize方法。initialize在實例化時做為代理在實例化後就沒有存在的意義了,而且有時候會引起不必要的麻煩,比如 for…in 語句遍歷a時,會把initialize這個方法遍歷出來。
我首先想到的是用前面博文中寫的Class.js來做,這樣就非常干淨。但是在Class.js中的繼承機制有一些bug的,在不入侵(即:不修改原型、不生成額外屬性)的條件下,要實現接口更是難上加難了。於是我就想到封裝new操作符,這樣做的好處就是 可先修改原型,在封裝new的方法中,實現繼承、接口,並去除額外屬性。
我們首先給new操作符的簡單的實現一下:
復制代碼 代碼如下:
function New(){//new是關鍵字,所以要區別一下
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;
}
接下來測試一下:
function A(n){ this.name = n;}
var a1 = new A('ts');
alert(a1.name);//ts
var a2 = New(A,'tangoboy');
alert(a2.name);//tangoboy
測試成功,現在New方法基本可以代替new操作符實例化對象了。
然後 解決文章開始的initialize問題就非常簡單了:
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;//刪除實例化對象的方法
return nobj;
}

下一節開始豐富New方法。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved