精品伊人久久大香线蕉,开心久久婷婷综合中文字幕,杏田冲梨,人妻无码aⅴ不卡中文字幕

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
你真的會(huì)寫JavaScript嗎?

你真的會(huì)寫JavaScript嗎?

By 小馬on UI探討

 

今天看到MSDN 上的新文章:Create Advanced Web Applications With Object-Oriented Techniques 。

很久沒有看到這樣讓人唇齒留香的好文了。上次看到的是一篇是 Douglas Crockford 的JavaScript, We Hardly new Ya (我簡單翻譯了一下,譯文在后)。

同其他教你如何用面向?qū)ο蟮乃枷刖帉慗avaScript的其他文章一樣,該文也是著重在這么幾個(gè)要素:

  • JavaScript的對(duì)象就是一個(gè)關(guān)聯(lián)數(shù)組。
  • JavaScript 函數(shù)也是一個(gè)對(duì)象。
  • 原型(Prototype)
  • 閉包(Closures)
  • 繼承/私有屬性/靜態(tài)方法
  • 命名空間

作者文筆很好,英文很容易看懂,沒有生僻的用詞(順便提一下,《PPK on JavaScript》作者的英文不敢恭維)。用來舉例的代碼也很貼切。

特別是文章的開頭很有意思,作者寫到他和一個(gè)據(jù)說已經(jīng)寫了快4年JavaScript的女程序員聊天,女程序員認(rèn)為她的JS水平very good,后來作者發(fā)現(xiàn)她確實(shí)會(huì)寫,但僅僅是會(huì)寫,其實(shí)對(duì)JavaScript的內(nèi)涵所知甚少。

作者想用這個(gè)例子說明,有很多具備Java/C++/C#的開發(fā)人員在編寫JavaScript或者轉(zhuǎn)行到FED(比如我)的時(shí)候,想當(dāng)然的把那些標(biāo)準(zhǔn)面向?qū)ο笳Z言的思想套用在JavaScript上,反而走入迷途。

對(duì)此我深有體會(huì),我正是在真正參與了一次Ajax的項(xiàng)目并真正讀懂了Prototype框架的源碼之后,對(duì)JavaScript有了完全全新的認(rèn)識(shí)。

總之,推薦閱讀。附上JavaScript, We Hardly new Ya的譯文,譯得匆忙,定有行文不通之處,請(qǐng)客官見諒!


原文: JavaScript, We Hardly new Ya  --Douglas Crockford。  

JavaScript是一門基于原型的語言,但它卻擁有一個(gè) new 操作符使得其看起來象一門經(jīng)典的面對(duì)對(duì)象語言。那樣也迷惑了程序員們,導(dǎo)致一些有問題的編程模式。

其實(shí)你永遠(yuǎn)不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。

同理,不要使用 new Array() ,而代之以字面量[]。JavaScript中的數(shù)組并不象Java中的數(shù)組那樣工作的,使用類似Java的語法只會(huì)讓你糊涂。

同理不用使用 new Number, new String, 或者 new Boolean。這些的用法只會(huì)產(chǎn)生無用的類型封裝對(duì)象。就直接使用簡單的字面量吧。

不要使用 new Function 去創(chuàng)建函數(shù)對(duì)象。用函數(shù)表達(dá)式更好。比如:

frames[0].onfocus = new Function(”document.bgColor=’antiquewhite’”)

更好的寫法是:

frames[0].onfocus = function () {document.bgColor = ‘antiquewhite’;};

第二種形式讓腳本編譯器更快的看到函數(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);
        }
    };
}();

所以原則很簡單: 唯一應(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í)候還是不要了吧。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
js中arguments的作用
前端性能優(yōu)化(JavaScript篇)
jQuery技巧總結(jié)
Web前端筆試115道題(帶答案及解析)
一周一話題之四(JavaScript、Dom、jQuery全面復(fù)習(xí)總結(jié)<js篇>)
37道WEB前端開發(fā)面試題之JavaScript篇章!
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

主站蜘蛛池模板: 峡江县| 玉环县| 洪江市| 桂阳县| 湟源县| 邢台市| 陵水| 苍溪县| 汝阳县| 长春市| 滨海县| 通海县| 涟水县| 芦山县| 崇礼县| 蒙阴县| 秦安县| 丹东市| 安仁县| 扶风县| 盐山县| 株洲市| 平罗县| 汪清县| 连州市| 工布江达县| 册亨县| 长阳| 桐乡市| 长宁县| 秦安县| 平昌县| 庄浪县| 丘北县| 明星| 垣曲县| 蚌埠市| 石台县| 安阳县| 武汉市| 阳春市|