《JavaScript Dom編程藝術》讀書筆記（四）

JellyBool 發布于2019-08-19 18:24 / 2808人閱讀

摘要：事實上，每個函數實際是一個短小的腳本。先對函數做出定義再調用是一個良好的編程習慣。可以將不同的數據傳遞給它們，而它們將使用這些數據去完成預定的操作。傳遞給函數的數據稱為參數。這個例子中，變量的值將是，這個數值由函數返回。

函數

如果需要多次使用同一段代碼，可以把它們封裝成一個函數。函數就是一組允許在你的代碼里隨時調用的語句。事實上，每個函數實際是一個短小的腳本。

先對函數做出定義再調用是一個良好的編程習慣。下面是一個簡單的示例函數：

function shout() {
    var beatles = Array("John","Paul","George","Ringo");
    for (var count = 0; count < beatles.length; count++ ) {
        alert(beatles[count]);
    }
}

這個函數里的循環語句將依次彈出對話框來顯示Beatles樂隊成員的名字。如果想在自己的腳本里執行這一動作，可以隨時使用如下的語句來調用這個函數：

shout();

每當需要反復做一件事，都可以利用函數來避免重復鍵入大量的相同內容。可以將不同的數據傳遞給它們，而它們將使用這些數據去完成預定的操作。傳遞給函數的數據稱為參數（argument）。

定義一個函數的語法：

function name(arguments) {
    statements;
}

JavaScript提供了許多內建函數，在前面多次出現過的alert就是一例。這個函數需要我們提供一個參數，它將彈出一個對話框來顯示這個參數的值。

在定義函數時，可以為它聲明任意多個參數，只要用逗號把它們分隔開來就行。在函數額內部，你可以像使用普通變量那樣使用它的任何一個參數。

下面是一個需要傳遞兩個參數的函數。如果把兩個數值傳遞給這個函數，這個函數將對它們進行乘法運算：

function multiply(num1,num2) {
    vartotal = num1 * num2;
    alert(total);        
}

在定義了這個函數的腳本里，我們可以從任意位置去調用這個函數，如下所示：

multiply(10,2);

屏幕上會立刻彈出一個顯示乘法運算結果（20）的alert對話框。函數不僅能夠（以參數的形式）接收數據，還能夠返回數據。

可以創建一個函數并讓它返回一個數值、一個字符串、一個數組或一個布爾值。這需要用到return語句：

function multiply(num1,num2) {
    var total = num1 * num2;
    return total;
}

下面這個函數只有一個參數（一個華氏溫度值），它將返回一個數值（同一溫度的攝氏溫度值）：

function converToCelsius(temp) {
    var result = temp - 32;
    result = result / 1.8;
    return result;
}

還可以把函數當做一種數據類型來使用，這意味著可以把一個函數的調用結果賦給一個變量：

var temo_fahrenheit = 95;
var temp_celsius = convertToCelsius(temp_fahrenheit);
alert(temp_celsius);

把華氏溫度值95轉換為攝氏溫度值。這個例子中，變量temp_celsius的值將是35，這個數值由convertToCelsius函數返回。

變量的作用域

比如下面這個例子：

function square(num) {
    total = num * num;
    return total;
}
var total = 50;
var number = square(20);
alert(total);

全局變量total的值變成了400。本意是讓square()函數只把它計算出來的平方值返回給變量number，但因為未把這個函數內部的total變量明確地聲明為局部變量，這個函數把名字同樣是total的那個全局變量的值也改變了。

把這個函數寫成如下所示的樣子才是正確的：

function square(num) {
    var total = num * num;
    return total;
}

現在，全局變量total變得安全了，再怎么調用square()函數也不會影響到它、

請記住，函數在行為方面應該像一個自給自足的腳本，在定義一個函數式，一定要把它內部的變量全部明確地聲明為局部變量。如果你總是在函數里使用var關鍵字來定義變量，就能避免任何形式的二次定義隱患。

GPU云服務器云服務器 javascript dom 編程藝術 javascript dom編程藝術編程思想讀書筆記 javascript編程藝術

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79560.html

《JavaScript Dom編程藝術》讀書筆記（三）

摘要：也就是說，仍將看到一條消息。這些語句執行完畢后，變量的值將是，盡管循環控制條件的求值結果是。循環最常見的用途之一是對某個數組里的全體元素進行遍歷處理。變量對于數組中每個元素都是從開始按遞增。循環語句 if語句唯一的不足是無法完成重復性的操作。在if語句里，包含在花括號里的代碼塊只能執行一次。如果需要多次執行同一個代碼塊，就必須使用循環語句。 while循環 while循環與if語句非...

xbynet 2019-08-19 18:24 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

caspar 2019-08-02 15:55 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

xingpingz 2019-08-30 13:04 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

Aceyclee 2019-08-19 18:23 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（一）

摘要：下面這條語句將導致語法錯誤變量名允許包含字母數字美元符號和下劃線但第一個字符不允許是數字。可以把一些布爾值存入一個數組，還可以把一組數值存入一個數組甚至可以把這種數據類型混在一起存入一個數組數組元素還可以是變量這將把數組的第一個元素賦值為。執行Javascript的方式第一種方式是將JS代碼放到 < head > 標簽中的 < script > 標簽之間： ...

lewinlee 2019-08-02 15:55 評論0 收藏0