JavaScript中的new的使用方法與注意事項(xiàng)
更新時間:2007年05月16日 00:00:00 作者:
原文: JavaScript, We Hardly new Ya --Douglas Crockford。
http://yuiblog.com/blog/2006/11/13/javascript-we-hardly-new-ya/
http://yuiblog.com/blog/2006/11/13/javascript-we-hardly-new-ya/
引用
JavaScript是一門基于原型的語言,但它卻擁有一個 new 操作符使得其看起來象一門經(jīng)典的面對對象語言。那樣也迷惑了程序員們,導(dǎo)致一些有問題的編程模式。
其實(shí)你永遠(yuǎn)不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。
同理,不要使用 new Array() ,而代之以字面量[]。JavaScript中的數(shù)組并不象Java中的數(shù)組那樣工作的,使用類似Java的語法只會讓你糊涂。
同理不用使用 new Number, new String, 或者 new Boolean。這些的用法只會產(chǎn)生無用的類型封裝對象。就直接使用簡單的字面量吧。
不要使用 new Function 去創(chuàng)建函數(shù)對象。用函數(shù)表達(dá)式更好。比如:
frames[0].onfocus = new Function(”document.bgColor='antiquewhite'”)
更好的寫法是:
frames[0].onfocus = function () {document.bgColor = ‘a(chǎn)ntiquewhite';};
第二種形式讓腳本編譯器更快的看到函數(shù)主體,于是其中的語法錯誤也會更快被檢測出來。有時候程序員使用 new Function 是因?yàn)樗麄儧]有理解內(nèi)部函數(shù)是如何工作的。
selObj.onchange = new Function(”dynamicOptionListObjects[”+
dol.index+”].change(this)”);
如果我們讓用字符串做函數(shù)體,編譯器不能看到它們。如果我們用字符串表達(dá)式做函數(shù)體,我們同樣也看不到它們。更好的方式就是不要盲目編程。通過制造一個返回值為函數(shù)的函數(shù)調(diào)用,我們可以明確的按值傳遞我們想要綁定的值。這允許我們在循環(huán)中初始化一系列 selObj 對象。
selObj.onchange = function (i) {
return function () {
dynamicOptionListObjects[i].change(this);
};
}(dol.index);
直接對一個函數(shù)使用new永遠(yuǎn)不是一個好主意。比如, new function 對構(gòu)造新對象沒有提供什么優(yōu)勢。
myObj = new function () {
this.type = ‘core';
};
更好的方式是使用對象字面量,它更輕巧,更快捷。
myObj = {
type: ‘core'
};
假如我們需要創(chuàng)建的對象包含的方法需要訪問私有變量或者函數(shù),更好的方式仍然是避免使用new.
var foo = new function() {
function processMessages(message) {
alert(”Message: ” + message.content);
}
this.init = function() {
subscribe(”/mytopic”, this, processMessages);
}
}
通過使用 new 去調(diào)用函數(shù),對象會持有一個無意義的原型對象。這只會浪費(fèi)內(nèi)存而不會帶來任何好處。如果我們不使用new,我們就不用在對象鏈維護(hù)一個無用的prototype對象。所以我們可以用()來正確的調(diào)用工廠函數(shù)。
var foo = function () {
function processMessages(message) {
alert(”Message: ” + message.content);
}
return {
init: function () {
subscribe(”/mytopic”, this, processMessages);
}
};
}();
所以原則很簡單: 唯一應(yīng)該要用到new操作符的地方就是調(diào)用一個古老的構(gòu)造器函數(shù)的時候。當(dāng)調(diào)用一個構(gòu)造器函數(shù)的時候,是強(qiáng)制要求使用new的。有時候可以來new一下, 有的時候還是不要了吧。
其實(shí)你永遠(yuǎn)不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。
同理,不要使用 new Array() ,而代之以字面量[]。JavaScript中的數(shù)組并不象Java中的數(shù)組那樣工作的,使用類似Java的語法只會讓你糊涂。
同理不用使用 new Number, new String, 或者 new Boolean。這些的用法只會產(chǎn)生無用的類型封裝對象。就直接使用簡單的字面量吧。
不要使用 new Function 去創(chuàng)建函數(shù)對象。用函數(shù)表達(dá)式更好。比如:
frames[0].onfocus = new Function(”document.bgColor='antiquewhite'”)
更好的寫法是:
frames[0].onfocus = function () {document.bgColor = ‘a(chǎn)ntiquewhite';};
第二種形式讓腳本編譯器更快的看到函數(shù)主體,于是其中的語法錯誤也會更快被檢測出來。有時候程序員使用 new Function 是因?yàn)樗麄儧]有理解內(nèi)部函數(shù)是如何工作的。
selObj.onchange = new Function(”dynamicOptionListObjects[”+
dol.index+”].change(this)”);
如果我們讓用字符串做函數(shù)體,編譯器不能看到它們。如果我們用字符串表達(dá)式做函數(shù)體,我們同樣也看不到它們。更好的方式就是不要盲目編程。通過制造一個返回值為函數(shù)的函數(shù)調(diào)用,我們可以明確的按值傳遞我們想要綁定的值。這允許我們在循環(huán)中初始化一系列 selObj 對象。
selObj.onchange = function (i) {
return function () {
dynamicOptionListObjects[i].change(this);
};
}(dol.index);
直接對一個函數(shù)使用new永遠(yuǎn)不是一個好主意。比如, new function 對構(gòu)造新對象沒有提供什么優(yōu)勢。
myObj = new function () {
this.type = ‘core';
};
更好的方式是使用對象字面量,它更輕巧,更快捷。
myObj = {
type: ‘core'
};
假如我們需要創(chuàng)建的對象包含的方法需要訪問私有變量或者函數(shù),更好的方式仍然是避免使用new.
var foo = new function() {
function processMessages(message) {
alert(”Message: ” + message.content);
}
this.init = function() {
subscribe(”/mytopic”, this, processMessages);
}
}
通過使用 new 去調(diào)用函數(shù),對象會持有一個無意義的原型對象。這只會浪費(fèi)內(nèi)存而不會帶來任何好處。如果我們不使用new,我們就不用在對象鏈維護(hù)一個無用的prototype對象。所以我們可以用()來正確的調(diào)用工廠函數(shù)。
var foo = function () {
function processMessages(message) {
alert(”Message: ” + message.content);
}
return {
init: function () {
subscribe(”/mytopic”, this, processMessages);
}
};
}();
所以原則很簡單: 唯一應(yīng)該要用到new操作符的地方就是調(diào)用一個古老的構(gòu)造器函數(shù)的時候。當(dāng)調(diào)用一個構(gòu)造器函數(shù)的時候,是強(qiáng)制要求使用new的。有時候可以來new一下, 有的時候還是不要了吧。
引用
注 原文:http://www.uiplanet.com/taobao/2007/05/15/%e4%bd%a0%e7%9c%9f%e7%9a%84%e4%bc%9a%e5%86%99javascript%e5%90%97%ef%bc%9f/
可以參考以下文章,英文的:http://msdn.microsoft.com/msdnmag/issues/07/05/JavaScript/default.aspx?loc=en#S6
可以參考以下文章,英文的:http://msdn.microsoft.com/msdnmag/issues/07/05/JavaScript/default.aspx?loc=en#S6
相關(guān)文章
JS中的常見數(shù)組遍歷案例詳解(forEach,?map,?filter,?sort,?reduce,?ever
這篇文章主要介紹了JS中的常見數(shù)組遍歷方法詳解(forEach,?map,?filter,?sort,?reduce,?every),本篇講用實(shí)際案例詳解他們的語法和用法,需要的朋友可以參考下2023-05-05微信小程序picker組件下拉框選擇input輸入框的實(shí)例
這篇文章主要介紹了微信小程序picker組件下拉框選擇input輸入框的實(shí)例的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-09-09javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對象之一,數(shù)組是值的有序集合,本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解,需要的朋友可以參考下2015-08-08用javascript實(shí)現(xiàn)讀取txt文檔的腳本
用javascript實(shí)現(xiàn)讀取txt文檔的腳本...2007-07-07利用svg實(shí)現(xiàn)帶加載進(jìn)度的loading
svg是基于XML,由World?Wide?Web?Consortium?(W3C)聯(lián)盟開發(fā)的一種開放標(biāo)準(zhǔn)的矢量圖形語言,可讓你設(shè)計激動人心的、高分辨率的Web圖形頁面。本文將使用svg實(shí)現(xiàn)一個帶加載進(jìn)度的loading,需要的可以參考一下2022-11-11javascript移動端 電子書 翻頁效果實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript移動端 電子書 翻頁效果實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09javascript實(shí)現(xiàn)可改變滾動方向的無縫滾動實(shí)例
無縫滾動在制作一些圖片展示的時候還是蠻有用的,下面與大家分享下javascript實(shí)現(xiàn)的可改變滾動方向的無縫滾動,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06