JavaScript中的new的使用方法與注意事項(xiàng)
http://yuiblog.com/blog/2006/11/13/javascript-we-hardly-new-ya/
其實(shí)你永遠(yuǎn)不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。
同理,不要使用 new Array() ,而代之以字面量[]。JavaScript中的數(shù)組并不象Java中的數(shù)組那樣工作的,使用類似Java的語法只會(huì)讓你糊涂。
同理不用使用 new Number, new String, 或者 new Boolean。這些的用法只會(huì)產(chǎn)生無用的類型封裝對(duì)象。就直接使用簡(jiǎn)單的字面量吧。
不要使用 new Function 去創(chuàng)建函數(shù)對(duì)象。用函數(shù)表達(dá)式更好。比如:
frames[0].onfocus = new Function(”document.bgColor='antiquewhite'”)
更好的寫法是:
frames[0].onfocus = function () {document.bgColor = ‘a(chǎn)ntiquewhite';};
第二種形式讓腳本編譯器更快的看到函數(shù)主體,于是其中的語法錯(cuò)誤也會(huì)更快被檢測(cè)出來。有時(shí)候程序員使用 new Function 是因?yàn)樗麄儧]有理解內(nèi)部函數(shù)是如何工作的。
selObj.onchange = new Function(”dynamicOptionListObjects[”+
dol.index+”].change(this)”);
如果我們讓用字符串做函數(shù)體,編譯器不能看到它們。如果我們用字符串表達(dá)式做函數(shù)體,我們同樣也看不到它們。更好的方式就是不要盲目編程。通過制造一個(gè)返回值為函數(shù)的函數(shù)調(diào)用,我們可以明確的按值傳遞我們想要綁定的值。這允許我們?cè)谘h(huán)中初始化一系列 selObj 對(duì)象。
selObj.onchange = function (i) {
return function () {
dynamicOptionListObjects[i].change(this);
};
}(dol.index);
直接對(duì)一個(gè)函數(shù)使用new永遠(yuǎn)不是一個(gè)好主意。比如, new function 對(duì)構(gòu)造新對(duì)象沒有提供什么優(yōu)勢(shì)。
myObj = new function () {
this.type = ‘core';
};
更好的方式是使用對(duì)象字面量,它更輕巧,更快捷。
myObj = {
type: ‘core'
};
假如我們需要?jiǎng)?chuàng)建的對(duì)象包含的方法需要訪問私有變量或者函數(shù),更好的方式仍然是避免使用new.
var foo = new function() {
function processMessages(message) {
alert(”Message: ” + message.content);
}
this.init = function() {
subscribe(”/mytopic”, this, processMessages);
}
}
通過使用 new 去調(diào)用函數(shù),對(duì)象會(huì)持有一個(gè)無意義的原型對(duì)象。這只會(huì)浪費(fèi)內(nèi)存而不會(huì)帶來任何好處。如果我們不使用new,我們就不用在對(duì)象鏈維護(hù)一個(gè)無用的prototype對(duì)象。所以我們可以用()來正確的調(diào)用工廠函數(shù)。
var foo = function () {
function processMessages(message) {
alert(”Message: ” + message.content);
}
return {
init: function () {
subscribe(”/mytopic”, this, processMessages);
}
};
}();
所以原則很簡(jiǎn)單: 唯一應(yīng)該要用到new操作符的地方就是調(diào)用一個(gè)古老的構(gòu)造器函數(shù)的時(shí)候。當(dāng)調(diào)用一個(gè)構(gòu)造器函數(shù)的時(shí)候,是強(qiáng)制要求使用new的。有時(shí)候可以來new一下, 有的時(shí)候還是不要了吧。
可以參考以下文章,英文的:http://msdn.microsoft.com/msdnmag/issues/07/05/JavaScript/default.aspx?loc=en#S6
- JavaScript定義數(shù)組的三種方法(new Array(),new Array(''x'',''y'')
- javascript中new關(guān)鍵字詳解
- Javascript new關(guān)鍵字的玄機(jī) 以及其它
- 詳解Javascript中new()到底做了些什么?
- javascript new一個(gè)對(duì)象的實(shí)質(zhì)
- js中new一個(gè)對(duì)象的過程
- 詳解javascript new的運(yùn)行機(jī)制
- javascript new 需不需要繼續(xù)使用
- JavaScript中實(shí)現(xiàn)new的兩種方式引發(fā)的探究
相關(guān)文章
詳解微信小程序scroll-view橫向滾動(dòng)的實(shí)踐踩坑及隱藏其滾動(dòng)條的實(shí)現(xiàn)
這篇文章主要介紹了詳解微信小程序scroll-view橫向滾動(dòng)的實(shí)踐踩坑及隱藏其滾動(dòng)條的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
javascript當(dāng)中的代碼嗅探擴(kuò)展原生對(duì)象和原型(prototype)
如果不是有特殊需要而去擴(kuò)展原生對(duì)象和原型(prototype)的做法是不好的,除非這樣做是值得的,例如,向一些舊的瀏覽器中添加一些ECMAScript5中的方法2013-01-01
JavaScript學(xué)習(xí)筆記之DOM基礎(chǔ) 2.4
DOM(Document Object Model),即“文檔對(duì)象模型”。基于語義的邏輯結(jié)構(gòu),DOM將網(wǎng)頁內(nèi)的元素與內(nèi)容呈現(xiàn)為一個(gè)清晰、易讀的樹狀模型,下面小編把最近整理有關(guān)javascript筆記之DOM基礎(chǔ)分享給大家,有需要的朋友可以參考下2015-08-08
JavaScript實(shí)現(xiàn)文本轉(zhuǎn)語音功能的完整步驟
這篇文章主要介紹了如何使用JavaScript和WebSpeechAPI快速實(shí)現(xiàn)一個(gè)簡(jiǎn)單的文本轉(zhuǎn)語音Web應(yīng)用,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02
Javascript別踩白塊兒(鋼琴塊兒)小游戲?qū)崿F(xiàn)代碼
游戲唯一的一個(gè)規(guī)則,我們只需要不斷踩著黑色方塊前進(jìn)即可,這里根據(jù)方向鍵來踩白塊,在規(guī)定的時(shí)間內(nèi),每走一次分?jǐn)?shù)加100.下面通過本文給大家分享Javascript別踩白塊兒(鋼琴塊兒)小游戲?qū)崿F(xiàn)代碼,一起看看吧2017-07-07
JS獲取經(jīng)緯度并根據(jù)經(jīng)緯度得到城市信息簡(jiǎn)單示例
前端時(shí)間剛好使用了百度地圖的js api定位獲取用戶當(dāng)前經(jīng)緯度并獲取當(dāng)前詳細(xì)位置的功能,為了方便下次找起來方便一些自己在這里記錄一下,這篇文章主要給大家介紹了關(guān)于JS獲取經(jīng)緯度并根據(jù)經(jīng)緯度得到城市信息的相關(guān)資料,需要的朋友可以參考下2023-11-11
javascript 翻頁測(cè)試頁(動(dòng)態(tài)創(chuàng)建標(biāo)簽并自動(dòng)翻頁)
javascript 翻頁測(cè)試頁(動(dòng)態(tài)創(chuàng)建標(biāo)簽并自動(dòng)翻頁),需要的朋友可以參考下。2009-12-12
JavaScript使用小插件實(shí)現(xiàn)倒計(jì)時(shí)的方法講解
今天小編就為大家分享一篇關(guān)于JavaScript使用小插件實(shí)現(xiàn)倒計(jì)時(shí)的方法講解,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-03-03
flexslider.js實(shí)現(xiàn)移動(dòng)端輪播
本文主要分享了flexslider.js實(shí)現(xiàn)移動(dòng)端輪播的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02

