JavaScript 空白與換行

lankecms發表於2015-10-14
JavaScript

JavaScript 空白

大多數情況下，JavaScript 忽略空白或者 JavaScript 語句之間的空格（也包括 Tab 鍵產生的空白縮排）。通常使用空白或 Tab 縮排只是為了 JavaScript 程式更具可讀性，如下例所示：

<html>
<head>
<script type="text/javascript">
function getAge(){
    var age;
    age = document.getElementById("age_input").value;
    if ( age == "" )
    {
        alert("請輸入您的年齡！");
        return false;
    }
    if ( age > 25 ) {
        alert("您的歲數大於 25 歲。");
    } else if ( age < 25 ) {
        alert("您的歲數小於 25 歲。");
    } else {
        alert("您的歲數等於 25 歲。");
    }
}
</script>
</head>
<body>
您的年齡：<input type="text" id="age_input" />
<input type="button" onclick="getAge()" value="確定" />
</body>
</html>

在這個例子中，在 input 輸入框輸入一個數字，然後點選“確定”按鈕，根據數字大小分別彈出不同的資訊提示框。這個例子相對於前面的例子要複雜一些，在此由於本篇篇幅及內容側重點的原因，就不詳細解釋其具體語法了。

這個例子雖然比較複雜，但由於採用了縮排以及適當的空格，使得程式非常易於閱讀。但請注意，字串中間的空白不會被忽略，如上例中，字串中間的空白，將被原樣輸出。

JavaScript 換行

和空白類似的還有換行（也叫回車），換行通常是為了可讀性將程式碼分隔為單獨的行。JavaScript 是以 ; 號來表示語句結束的，因此在“語句內”是可以換行的，如下面的例子所示：

var my_name = "Jack";
var age = 25;
alert("我的名字叫" + my_name + "，我今年"
+ age + "歲。");

但是，字串內是不可以換行的，如：

var my_name = "Jack";
var age = 25;
alert("我的名字叫" + my_name + "，
我今年" + age + "歲。");

這種情況下，會提示“未結束的字串常量”錯誤。另外，還有一種換行也是不能隨意使用的，那就是 return 關鍵字。return 用於在函式中中斷函式的執行並返回值。如果 return 後面換行，將返回 undefined ，如下例所示：

function testFunc(i){
    return
    i;
    // 正確應該寫作 return i;
}

上面的簡單例子，並不會返回傳入的引數 i 的值，而是返回 undefined ，儘管該語句並不報錯，但顯然與預期的結果不符。

提示

本文中的換行，是指 JavaScript 程式碼的換行（回車），而不是指輸出換行符。

相關文章