中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 如何編寫高質(zhì)量的Javascript代碼
Script 元素 type 屬性的妙用 回到列表 介紹27款經(jīng)典的CSS框架
 如何編寫高質(zhì)量的Javascript代碼

作者:rockux 時間: 2011-03-04 文檔類型:翻譯 來自:rockux

第 1 頁 如何編寫高質(zhì)量的Javascript代碼 [1]
第 2 頁 如何編寫高質(zhì)量的Javascript代碼 [2]
第 3 頁 如何編寫高質(zhì)量的Javascript代碼 [3]
第 4 頁 如何編寫高質(zhì)量的Javascript代碼 [4]
第 5 頁 如何編寫高質(zhì)量的Javascript代碼 [5]
第 6 頁 如何編寫高質(zhì)量的Javascript代碼 [6]
第 7 頁 如何編寫高質(zhì)量的Javascript代碼 [7]
第 8 頁 如何編寫高質(zhì)量的Javascript代碼 [8]
第 9 頁 如何編寫高質(zhì)量的Javascript代碼 [9]

優(yōu)秀的Stoyan Stefanov在他的新書中(《Javascript Patterns》)介紹了很多編寫高質(zhì)量代碼的技巧,比如避免使用全局變量,使用單一的var關(guān)鍵字,循環(huán)式預(yù)存長度等等。

這篇文章不僅僅從代碼本身來考慮如何優(yōu)化編碼,也從代碼的設(shè)計階段來考慮,包括書寫API文檔,同事的review,使用JSLint。這些習(xí)慣都能幫助你編寫更加高質(zhì)量的、更易于理解的、可維護的代碼(讓你的代碼在多年之后仍使你引以為傲)。

編寫可維護的代碼

軟件的BUG修復(fù)需要花費大量的精力。尤其當代碼已經(jīng)發(fā)布之后,隨著時間的增長,維護的成本愈發(fā)的高。當你一發(fā)現(xiàn)BUG的時候,就立即去修復(fù),這時候你的代碼還是熱乎的,你也不需要回憶,因為就是剛剛寫好的。但是當你做了其他任務(wù),幾乎完全忘記了這份代碼,這時候就需要:

  • 重新學(xué)習(xí)和理解問題
  • 理解代碼是如何解決問題的

另外一個問題是,在大項目或者大公司里面,經(jīng)常是解決BUG的人不是產(chǎn)生BUG的人,而且也不是發(fā)現(xiàn)BUG的人。所以減少理解代碼的時間就是最重要的問題,無論這個代碼是你自己以前寫的還是團隊中的其他成員寫的,因為我們都想去搞搞新的有意思的東西,而不是去維護那些個陳舊的代碼。

還有一個開發(fā)中的普遍問題就是,往往讀代碼的時間比寫代碼的時間還要多。有時候你鉆研一個問題,可以花整整一個下午的時間來考慮代碼的編寫。這個代碼當時是可以工作的,但是隨著開發(fā)的進行,其他東西發(fā)生了很大的變化,這時候也就需要你自己來重新審查修改編寫代碼。比如:

  • 還有BUG沒有解決
  • 添加了新的功能
  • 程序需要在新的環(huán)境中運行(比如一個新上市的瀏覽器)
  • 代碼有問題
  • 代碼需要重寫因為修改了架構(gòu)甚至要使用另一個語言

因為這些原因,也許你當時一個下午寫好的代碼,后面需要花費幾周的時間來閱讀。所以編寫可維護的代碼對于軟件的成功至關(guān)重要。

可維護的代碼包括

  • 可讀性
  • 連續(xù)性
  • 預(yù)見性
  • 看起來是一個人寫的
  • 有文檔

最少化全局變量

Javascript使用函數(shù)來約定作用域。一個在函數(shù)內(nèi)部聲明的變量在外部是不可見的。所以,全局變量也就是聲明在任何函數(shù)之外的或者沒有被聲明的變量。

Javascript中,在任何函數(shù)之外有個可訪問的全局對象,每一個你創(chuàng)建的全局變量都是這個對象的一個屬性。在瀏覽器中,為了方便,通常用window來指代這個全局變量。下面的代碼就是說明如何創(chuàng)建一個全局變量:

myglobal = "hello"; // antipattern
console.log(myglobal); // "hello"
console.log(window.myglobal); // "hello"
console.log(window["myglobal"]); // "hello"
console.log(this.myglobal); // "hello

出處:rockux
責(zé)任編輯:bluehearts

上一頁 下一頁 如何編寫高質(zhì)量的Javascript代碼 [2]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
加載 Javascript 最佳實踐
GC與JS內(nèi)存泄露
HTML,CSS和JavaScript速查表
JavaScript異步方法隊列鏈
JavaScript框架比較
作者文章
網(wǎng)站導(dǎo)航設(shè)計模式指南
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/91個記錄/頁 轉(zhuǎn)到 頁 共9個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2