用方法封裝javascript的new操作符(一)
更新時間:2010年12月25日 23:01:33 作者:
雖然js是基于對象的,但在很多時候會使用到new這個操作符。
先看個例子:
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構建類和實例化對象的過程, 細心的人會發(fā)現: 實例化的a會多一個initialize方法。initialize在實例化時做為代理在實例化后就沒有存在的意義了,而且有時候會引起不必要的麻煩,比如 for…in 語句遍歷a時,會把initialize這個方法遍歷出來。
我首先想到的是用前面博文中寫的Class.js來做,這樣就非常干凈。但是在Class.js中的繼承機制有一些bug的,在不入侵(即:不修改原型、不生成額外屬性)的條件下,要實現接口更是難上加難了。于是我就想到封裝new操作符,這樣做的好處就是 可先修改原型,在封裝new的方法中,實現繼承、接口,并去除額外屬性。
我們首先給new操作符的簡單的實現一下:
function New(){//new是關鍵字,所以要區(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;
}
接下來測試一下:
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;
}
下一節(jié)開始豐富New方法。
復制代碼 代碼如下:
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構建類和實例化對象的過程, 細心的人會發(fā)現: 實例化的a會多一個initialize方法。initialize在實例化時做為代理在實例化后就沒有存在的意義了,而且有時候會引起不必要的麻煩,比如 for…in 語句遍歷a時,會把initialize這個方法遍歷出來。
我首先想到的是用前面博文中寫的Class.js來做,這樣就非常干凈。但是在Class.js中的繼承機制有一些bug的,在不入侵(即:不修改原型、不生成額外屬性)的條件下,要實現接口更是難上加難了。于是我就想到封裝new操作符,這樣做的好處就是 可先修改原型,在封裝new的方法中,實現繼承、接口,并去除額外屬性。
我們首先給new操作符的簡單的實現一下:
復制代碼 代碼如下:
function New(){//new是關鍵字,所以要區(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;
}
接下來測試一下:
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;
}
下一節(jié)開始豐富New方法。
相關文章
JavaScript正則表達式小結(test|match|search|replace|split|exec)
這篇文章主要介紹了JavaScript正則表達式小結(test|match|search|replace|split|exec)的相關資料,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2016-12-12JavaScript實現圖片本地預覽功能【不用上傳至服務器】
這篇文章主要介紹了JavaScript實現圖片本地預覽功能,針對非IE瀏覽器的HTML5濾鏡功能及IE瀏覽器的相關組件功能實現不上傳至服務器預覽本地圖片的效果,需要的朋友可以參考下2017-09-09基于Bootstrap實現的下拉菜單手機端不能選擇菜單項的原因附解決辦法
小編使用bootstrap做的下拉菜單在電腦瀏覽器中可以正常使用,在手機瀏覽器中能彈出下拉列表卻不能選擇列表中的菜單項,怎么回事,如何解決呢?下面小編給大家分享下具體原因及解決辦法,一起看下吧2016-07-07jquery操作下拉列表、文本框、復選框、單選框集合(收藏)
jquery操作拉列表、文本框、復選框、單選框集合。各種對下拉列表、文本框、復選框、單選框的jquery的相關操作。做為記錄和收藏的最好方法2014-01-01javascript中$(function() {});寫與不寫有哪些區(qū)別
javascript中$(function() {....}) 是jQuery中的經典用法,等同于 $(document).ready(function() {....}) javascript中$(function() {});寫與不寫有哪些區(qū)別,需要的朋友可以參考下2015-08-08