雙倍經驗助你升級 JavaScript編程最佳法則

來源: mangguo.org  發布時間: 2010-11-28 21:23  閱讀: 1129 次  推薦: 0   原文鏈接   [收藏]  
摘要：JavaScript是目前Web開發中最為流行的語言之一，基本上Web開發者每天都會處理它。本篇文章為您制定了一份詳細的Javascript最佳實踐，希望能夠幫助您成為更加出色的Web開發者。

　　JavaScript是目前Web開發中最為流行的語言之一，基本上Web開發者每天都會處理它。本篇文章為您制定了一份詳細的Javascript最佳實踐，希望能夠幫助您成為更加出色的Web開發者。

　　1、使用正確的<script>標簽

　　如果你需要在HTML文檔中使用一些JavaScript代碼，你應當通常會使用如下的<script>標簽：

 
<script type="text/javascript">
//insert your code here
</script>

　　但是在源代碼中，以下這種標簽寫法隨處可見：

 
1. <script type="text/javascript" language="javascript">
2. //insert your code here
3. </script>

　　在HTML中，language屬性已經過時，因為具有type屬性后，language它是冗余的，不要再這樣寫了。

　　事實上，客戶端默認為將JavaScript代碼指定type=”text/javascript”屬性，除非需要type=”application/x-javascript” 這樣的類型，否則完全沒有必要寫type屬性。

　　2、將代碼放置于外部文件

　　使用外部.js文檔比在HTML文檔里直接寫JavaScript代碼要簡潔一些，同時也使得JavaScript文件可以被緩存，保證網站資源的快速訪問。將你的JavaScript代碼置于一個.js文檔中，然后在HTML文檔中使用<script>標簽來引入它： 

 
<script src="http://www.mangguo.org/myscript.js"></script>

 

 

　　3、避免使用HTML注釋包裹代碼

　　90年代一些非常古老的瀏覽器無法執行JavaScript代碼。為了防止這些瀏覽器出現不必要的結果。在1994年至1997年間，在HTML中使用注釋包裹JavaScript代碼是良好的兼容方案，以保證不支持JavaScript的瀏覽器能夠忽略它。

　　這里是一個簡單案例：

 
<script language="JavaScript">
<!--
//insert your code here
//-->
</script>

　　然而在2010年，所有的瀏覽器（甚至是可愛的IE 6）都能解釋JavaScript代碼，因此絕對沒有使用注釋包裹JavaScript代碼的必要了。更糟的是，如果代碼被HTML注釋包裹，并且使用了 — 符號，瀏覽器可能會誤以為HTML文檔已經結束。

　　4、使用框架

　　除非你的JavaScript代碼很短或者很簡單，你應該通過框架來避免過多代碼上的重復勞動。在我看來，jQuery是最好的，有一個很棒的社區，所以值得嘗試。

　　其實YUI也很棒，系統、強大、完善、穩妥、有Loader機制、更高效地提高Web應用的性能。

　　5、使用var關鍵字聲明變量

　　你應當使用var語句來聲明變量，否則變量會存在于全局作用域內，并且使用var使得代碼可讀易懂。比如下面的案例：

 
var name = "Jean";
var size = data.length;

　　6、保持代碼的分離

　　幾年前，當一個程序員想要為一個HTML元素添加事件時（比如說，你想要在用戶輸入時驗證時間信息），他會使用特殊的屬性把JavaScript代碼放置于HTML中，比如onblur、onchange，onclick等等。比如：

 
1. <input type="text" name="date" onchange="validateDate()" />

　　雖然照樣可行，但卻很不簡潔。HTML 應當只包含文檔的結構層面，就如同使用內聯CSS是不好的做法一樣，內聯JavaScript同樣不可取。

　　取而代之，下面的代碼如何？使用jQuery也很簡單：

 
1. $(document).ready(function(){
2. $('input[name=date]').bind('change', validateDate);
3. });

　　7、在文檔底部包含腳本文件

　　不久以前，在<head>和</head>標簽之間插入腳本文件一度成為最佳實踐。但瀏覽器是順序解析文檔，并動態加載外部文件的。這就意味著在頁面頭部插入腳本會在安排在頁面內容之前加載。

為了在內容就緒之后再加載腳本，JavaScript 文件應該在文檔底部被包含。就像下面這樣：

 
<script src="myscript.js?"></script>
</body>
</html>

　　8、使用JSLint

　　JSLint是一款用于JavaScript源代碼檢查的應用程序。如果它發現JavaScript中存在某些問題，就會返回相關的問題描述信息和大概的解決方案。

　　JSLint能有效發現代碼中的缺陷，或者說代碼風格上值得改進之處。

　　9、不要輕易使用document.write

　　陳舊的document.write方法已經被不贊成使用了好些年，然而這仍然是一貫使用的方法。

 
document.write("hello world");

　　應當使用DOM的innerHTML屬性在頁面中插入文本。

 
1. document.getElementById('hello').innerHTML = 'hello world';

　　英文地址：http://www.catswhocode.com/blog/best-practices-for-modern-javascript-development

0
0
 
標簽：JavaScript Web
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄