欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

5個(gè)書寫JavaScript代碼的壞習(xí)慣,看看你中槍了沒(méi)?

 更新時(shí)間:2014年11月06日 14:58:26   投稿:junjie  
這篇文章主要介紹了5個(gè)書寫JavaScript代碼的壞習(xí)慣,看看你中槍了沒(méi)?,本文指出了你沒(méi)有使用命名空間、變量定義的東一個(gè)西一個(gè)、Javascript的變量范圍、Javascript的面向?qū)ο?、new關(guān)鍵字等問(wèn)題,需要的朋友可以參考下

Javascript在互聯(lián)網(wǎng)上名聲很臭,但你又很難再找到一個(gè)像它這樣如此動(dòng)態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語(yǔ)言。它的低學(xué)習(xí)門檻讓很多人都稱它為學(xué)前腳本語(yǔ)言,它另外一個(gè)讓人嘲笑的東西是動(dòng)態(tài)語(yǔ)言的概念是偏偏使用了高標(biāo)準(zhǔn)的靜態(tài)數(shù)據(jù)類型。其實(shí),你和Javascript都站錯(cuò)了立場(chǎng),而現(xiàn)在,你讓Javascript很生氣。這里有五個(gè)原因能說(shuō)明你的Javascript技術(shù)很爛。

1. 你沒(méi)有使用命名空間。

是否還記得在大學(xué)里老師告訴你不要在家庭作業(yè)里使用全局變量?Javascript里的全局變量的使用方法也不例外。Web網(wǎng)頁(yè)稍不留神就會(huì)變的混亂不堪、到處都是從互聯(lián)網(wǎng)上各個(gè)角落里找來(lái)的亂糟糟的相互侵犯的腳本和腳本庫(kù)。如果你把一個(gè)變量命名成loader(),那你是成心自找麻煩。如果你在無(wú)意識(shí)的情況下重載了一個(gè)函數(shù),Javascript根本不會(huì)提醒你。你還把它叫做一種學(xué)前教育編程語(yǔ)言,還記得吧?我要說(shuō)的是,你需要知道在做了這些后發(fā)生什么情況。

復(fù)制代碼 代碼如下:

function derp(){ alert(“one”); }
function derp(){ alert(“two”); }
derp();

“two”,答案是“two”。并不是一定會(huì)這樣,它也可能是“one”。所以,把你所有的代碼都放在自己的命名空間里,這很容易。下面是定義自己的命名空間的一個(gè)簡(jiǎn)單做法。

復(fù)制代碼 代碼如下:

var foospace={};
foospace.derp=function(){ alert(“one”); }
function derp(){ alert(“two”); }
foospace.derp();

2. 你在變戲法,你把變量定義的東一個(gè)西一個(gè)。

你使用莫名其妙的數(shù)字字母組合作為變量名是一個(gè)雙輸?shù)慕Y(jié)局。在40行的代碼塊中尋找一個(gè)不帶任何表意的字符變量,對(duì)于維護(hù)工作來(lái)說(shuō)簡(jiǎn)直是場(chǎng)噩夢(mèng)。把對(duì)變量的第一次聲明混合到一個(gè)40行的代碼塊里同樣也是一場(chǎng)噩夢(mèng)。即使你自己遇到這樣的變量時(shí),你也要不由的問(wèn)自己:“這是在哪里定義的?”,然后迅速的使用Ctrl+F組合在源代碼里尋找這個(gè)變量最初定義的位置。不,不要這樣,相反,這是對(duì)Javascript的濫用,是一種愚蠢的做法。你應(yīng)該始終把變量定義在它的使用范圍的頂部。并不能說(shuō)因?yàn)檫@不是必須的,你就可以不這樣做。

復(fù)制代碼 代碼如下:

function(){
var a,//description
b; //description
//process…
}

3. 你沒(méi)有理解Javascript的變量范圍。

你是個(gè)天才的程序員,你吃的是C++、拉的是List。你知道什么是變量范圍,你對(duì)你的變量有完全的控制,你就像太上皇似的的注視著它們。然而,Javascript卻在你的咖啡里拉了一泡屎,并且大笑不止。

復(fù)制代碼 代碼如下:

var herp=”one”;
{
var herp=”two”;
}
alert(herp);

在這種情況下你得到的herp不是“one”,而是“two”。Javascript的變量有效范圍并不是跟其它語(yǔ)言一樣依賴于代碼塊。Javascript的變量范圍是以函數(shù)為基礎(chǔ)的。每個(gè)函數(shù)都有它自己的變量范圍,Javascript這一點(diǎn)上表現(xiàn)的很酷,根本不理睬這毫無(wú)意義的花括弧包起來(lái)的范圍。事實(shí)上,Javascript是如此的酷,以至于你甚至可以將變量范圍像命名空間或變量那樣進(jìn)行傳遞。

4. 你以為Javascript的面向?qū)ο筇卣髦皇羌藿佣鴣?lái)的。

Javascript,自從呱呱落地起,它就是一個(gè)面向?qū)ο蟮恼Z(yǔ)言。所有的東西在Javascript里都是對(duì)象,所有的!甚至數(shù)字和字符這樣的文字符號(hào)都可以通過(guò)它自身固有的構(gòu)造器轉(zhuǎn)化成對(duì)象。跟其它面向?qū)ο蟮恼Z(yǔ)言比起來(lái),Javascript的不同之處在于,它沒(méi)有類(class)。Javascript對(duì)象像函數(shù)那樣定義,甚至函數(shù)自己也是對(duì)象。Javascript有個(gè)屬性叫做prototype,所有對(duì)象里都內(nèi)置了這個(gè)屬性,你可以通過(guò)它來(lái)改變對(duì)象的構(gòu)造,修改對(duì)象、添加更多的變量、更多的功能。

復(fù)制代碼 代碼如下:

var derp; //will hold a Herp instance
var Herp= function(){
this.opinion=”Javascript is cooler than BASIC.”;
}
Herp.prototype.speak=function(){ alert(this.opinion); }
var derp= new Herp();
derp.speak();

如果這個(gè)看起來(lái)跟你毫不相干,我愿意介紹我的好朋友Google給你,Google擅長(zhǎng)于幫助人們學(xué)習(xí)知識(shí)。面向?qū)ο髮?duì)于我這篇簡(jiǎn)短的、低姿態(tài)的文章來(lái)說(shuō)實(shí)在是個(gè)太大的話題。

5. 你使用“new”關(guān)鍵字時(shí)就像是盲人瞎馬。

Javascript肯定是你的初戀女友,因?yàn)槟泔@得無(wú)所適從。如果你想像真人那樣取悅Javascript,你需要去了解對(duì)象符號(hào)。除了在需要實(shí)例化一個(gè)對(duì)象,或罕見(jiàn)的需要延時(shí)加載數(shù)據(jù)的情況外,你基本上不需要使用new關(guān)鍵字。在Javascript里分配大量的new變量地址是一項(xiàng)很慢的操作,為了效率起見(jiàn),你應(yīng)該始終使用對(duì)象符號(hào)。

復(fù)制代碼 代碼如下:

var rightway= [1, 2, 3];
var wrongway= new Array(1, 2, 3);

是否還記得我說(shuō)過(guò)Javascript的變量范圍是以函數(shù)為基礎(chǔ)的?是否還記得有人說(shuō)Javascript的對(duì)象像函數(shù)那樣定義?如果你不使用new關(guān)鍵字來(lái)聲明一個(gè)對(duì)象,你將會(huì)使這個(gè)對(duì)象成為全局范圍內(nèi)的對(duì)象。所以,永遠(yuǎn)使用new關(guān)鍵字來(lái)聲明對(duì)象是一個(gè)好習(xí)慣。

復(fù)制代碼 代碼如下:

var derp=”one”;
var Herp=function(){
this.derp=”two”;
}
var foo=Herp();
alert(derp);

如果你這樣寫,Javascript并不會(huì)在意,而你真正彈出的答案是“two”!有很多方法可以防止對(duì)象做出這樣的行為,可以以使用instanceOf,但更好的方法是正確的使用new關(guān)鍵字,這樣顯得更專業(yè)。

現(xiàn)在你知道你的Javascript代碼寫的很爛了吧,如果你記住了上面所說(shuō)的東西,你的代碼就會(huì)有所改善。我喜歡用3個(gè)tab鍵來(lái)縮進(jìn)代碼,我喜歡用下劃線來(lái)連接單詞,我喜歡把函數(shù)名首字母大寫來(lái)表示它是對(duì)象。當(dāng)然,這個(gè)是另外一場(chǎng)討論了。有很多原因會(huì)導(dǎo)致你的Javascript代碼寫的很爛,就像我有很多技術(shù)很爛一樣,所以,盡情的在評(píng)論里表達(dá)你的意見(jiàn),支持,反對(duì),不吝賜教。

非常感謝rogeliorv和 Jared Wein指出第五點(diǎn)中存在的錯(cuò)誤。你們很強(qiáng)。

相關(guān)文章

  • 很全面的JavaScript常用功能匯總集合

    很全面的JavaScript常用功能匯總集合

    這篇文章主要為大家分享了一份很全面的JavaScript常用功能匯總集合,一些常用的額JS 對(duì)象、基本數(shù)據(jù)結(jié)構(gòu)、功能函數(shù)等,感興趣的小伙伴們可以參考一下
    2016-01-01
  • Axios?get?post請(qǐng)求傳遞參數(shù)的實(shí)現(xiàn)代碼

    Axios?get?post請(qǐng)求傳遞參數(shù)的實(shí)現(xiàn)代碼

    axios是基于promise用于瀏覽器和node.js的http客戶端,支持瀏覽器和node.js,能攔截請(qǐng)求和響應(yīng),這篇文章主要介紹了axios?get?post請(qǐng)求傳遞參數(shù)的操作代碼,需要的朋友可以參考下
    2022-11-11
  • 微信小程序?qū)崿F(xiàn)計(jì)時(shí)器

    微信小程序?qū)崿F(xiàn)計(jì)時(shí)器

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)計(jì)時(shí)器,小程序點(diǎn)擊事件觸發(fā)計(jì)時(shí)器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • JS中substring與substr的用法

    JS中substring與substr的用法

    這篇文章主要介紹了JS中substring與substr的用法講解,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧
    2016-11-11
  • Bpmn.js activiti 流程編輯器詳細(xì)教程

    Bpmn.js activiti 流程編輯器詳細(xì)教程

    流程編輯器是一種用于創(chuàng)建、編輯和管理流程圖的工具,它提供了一個(gè)可視化的界面,使用戶能夠以圖形化的方式定義和配置流程的各個(gè)步驟、條件和流程間的關(guān)系,說(shuō)明關(guān)于bpmn.js的一些事件, 通過(guò)本文你可以了解到,感興趣的朋友一起看看吧
    2023-10-10
  • js代碼實(shí)現(xiàn)無(wú)縫滾動(dòng)(文字和圖片)

    js代碼實(shí)現(xiàn)無(wú)縫滾動(dòng)(文字和圖片)

    js無(wú)縫滾動(dòng),圖片無(wú)縫滾動(dòng),文字無(wú)縫滾動(dòng),基于js代碼如何實(shí)現(xiàn),本篇文章給大家詳解js代碼實(shí)現(xiàn)無(wú)縫滾動(dòng)(文字和圖片),需要的朋友可以參考下
    2015-08-08
  • JS模板實(shí)現(xiàn)方法

    JS模板實(shí)現(xiàn)方法

    我們?cè)谑褂肑S渲染DOM時(shí),一般使用字符串創(chuàng)建DOM然后附加到父元素上,如果附加的DOM是動(dòng)態(tài)易變的,那需要在函數(shù)中寫大量邏輯。如果在控件實(shí)現(xiàn)過(guò)程中,這帶來(lái)的問(wèn)題更為嚴(yán)重。
    2013-04-04
  • JavaScript中5個(gè)重要的Observer函數(shù)小結(jié)

    JavaScript中5個(gè)重要的Observer函數(shù)小結(jié)

    瀏覽器為開(kāi)發(fā)者提供了功能豐富的Observer,本文主要介紹了JavaScript中5個(gè)重要的Observer函數(shù)小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下
    2024-01-01
  • 微信小程序?qū)崿F(xiàn)拍照畫布指定區(qū)域生成圖片

    微信小程序?qū)崿F(xiàn)拍照畫布指定區(qū)域生成圖片

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拍照畫布指定區(qū)域生成圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • 微信小程序原生自定義彈窗效果

    微信小程序原生自定義彈窗效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序原生自定義彈窗效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07

最新評(píng)論