本篇主要介紹var關鍵字、變數的undefined和null狀態、異常處理、命名規範。

目錄

1. var 關鍵字：介紹var關鍵字的使用。

2. 變數的狀態：介紹變數的未定義、已定義未賦值、已定義已賦值 三種狀態。

3. JS異常：介紹對JS異常的處理。

4. 命名規範：介紹Js的基本命名規範。

1. var 關鍵字

1.1 作用

　　宣告作用；如宣告個變數。

1.2 語法　　

var c = 1;

1.3 省略var

在javascript中，若省略var關鍵字而直接賦值，那麼這個變數為全域性變數，哪怕是在function裡定義的。

<script type="text/javascript">
    function Define() {
        a = 2;
    }
    function Hello() {
        alert(a);
    }
</script>

如程式碼所示，執行函式Define()後，變數a宣告為全域性變數。在Hello()函式中可以引用變數a。

2. 變數的狀態

變數的狀態一般有三種：未定義、已定義未賦值、已定義已賦值。

前面兩種狀態不處理好，往往會造成異常現象。

2.1 變數未定義

2.1.1 異常說明

程式碼引用了一個未定義的變數後，瀏覽器會報錯：變數未定義。

2.1.2 判斷變數是否定義

可通過typeof()方法來判斷變數是否未定義(已定義未賦值的變數也會顯示undefined)。

<script type="text/javascript">
    function Show() {
        if (typeof (b) == "undefined") {
            alert("變數b未定義");
        }
    }
</script>

2.2 已定義未賦值

2.2.1 程式碼示例

<script type="text/javascript">
    var a;
    function Show() {
        alert(a);//輸出 undefined
    }
</script>

2.2.2 判斷是否未賦值

function Show() {
    var a;
    if (typeof (a) == 'undefined' && a == null)
        alert("a未賦值");
    }
}

3. JS異常

javascript的異常處理有三個關鍵字：try、catch、throw

try：包含可能出錯的js語句。

catch：捕獲出現的錯誤。

throw：建立自定義錯誤。

3.1 try、catch 系統預設異常資訊

var erra;
function ShowError() {
    try {
        erra = errb; //errb未定義
        alert(erra);
    } catch (ex) {
        alert(ex); //輸出異常資訊：(Chrome)errb is not defined ，(IE)'errb'未定義
    }
}

3.2 try、catch、throw 自定義異常資訊

 要加一個條件判斷：

function ShowError() {
    try {
        if (typeof (errb) == "undefined")
            throw "errb未定義";
        erra = errb;
    } catch (ex) {
        alert(ex); //輸出異常資訊：(Chrome和IE)"errb未定義"
    }
}

3.3 異常捕獲使用場景

1. 未捕獲異常，瀏覽器會提示錯誤，有損使用者體驗：

IE中，未捕獲的異常，會在左下角提示”網頁上有錯誤"：

Chrome中，除非開啟(F12)開發者工具，才會跳到異常地方。否則會被瀏覽器自動忽略。

2. 獲取異常資訊幫助程式碼改進

可在catch塊中，通過ajax把捕獲的異常資訊傳送到伺服器，以幫助程式碼改進。

4. 命名規範

首先JavaScript是區分大小寫，以下只是便於閱讀和維護，而不是必須的：

1.函式名稱採用駱駝命名法：第一個單詞小寫，第二個單詞首個字母為大寫。如系統自帶的函式：parseInt、isNaN

2.物件名稱第一個字母大寫。如：Math、Number、Array

3.事件多為on開頭,並且小寫。如：onclick、onload