注册游戏送38元现金

書名： JavaScript+jQuery交互式Web前端開發（第2版）
作者名：黑馬程序員編著
本章字數： 1095字
更新時間： 2025-01-07 16:28:57

1.4.3 變量的聲明與賦值

在程序中，經常需要使用變量來保存數據。例如，將兩個數字相乘的結果保存到變量中，以便在后面的計算中使用。在使用變量時，需要先聲明變量，類似于坐火車時需要先預訂火車票。聲明變量后，就可以為變量賦值，從而完成數據的存儲。

JavaScript中變量的聲明與賦值有兩種方式：第1種方式是先聲明變量后賦值；第2種方式是聲明變量的同時賦值。下面分別講解這兩種方式。

1．先聲明變量后賦值

JavaScript 中通常使用 var 關鍵字聲明變量，聲明變量后，變量值默認會被設定為undefined，表示未定義。如果需要使用變量保存具體的值就需要在聲明變量后為其賦值。

先聲明變量后賦值的示例代碼如下。

1 // 聲明變量
2 var username;               // 聲明一個名稱為username的變量
3 var age, sex, height;       // 同時聲明3個變量
4 // 為變量賦值
5 username = ＇小智＇;           // 為變量賦值＇小智＇
6 age = 20;                   // 為變量賦值20
7 sex = ＇男＇;                 // 為變量賦值＇男＇
8 height = 180;               // 為變量賦值180

上述示例代碼已經完成變量的聲明和賦值，其中，’小智’和’男’屬于字符串型數據，需要使用單引號標注。

當變量的值是數字型數據時，不需要將其寫在單引號中，如果將數字型數據寫到單引號中，則表示該數據為字符串型數據，而不是數字型數據。

如果想要查看變量的值，則可以使用console.log()語句將變量的值輸出到控制臺。例如，在上述代碼的下方繼續編寫如下代碼。

console.log（username）;      // 輸出變量username的值
console.log（age）;           // 輸出變量age的值
console.log（sex）;           // 輸出變量sex的值
console.log（height）;        // 輸出變量height的值

運行上述代碼，輸出結果如圖1-16所示。

由圖1-16可知，控制臺顯示了“小智”“20”“男”“180”，說明已經將變量的值輸出到控制臺。

小提示：ECMAScript 6.0新增了let關鍵字，用于聲明變量，它的用法類似于var，但是let所聲明的變量只在它所在的塊級作用域內有效。

圖1-16 輸出結果

2．聲明變量的同時賦值

在聲明變量的同時為變量賦值，這個過程又稱為定義變量或初始化變量，示例代碼如下。

var username = ＇小智＇;            // 聲明username變量并賦值為＇小智＇
var age = 20;                    // 聲明age變量并賦值為20
var sex = ＇男＇;                  // 聲明sex變量并賦值為＇男＇
var height = 180;                // 聲明height變量并賦值為180

多學一招：使用變量的語法細節

在JavaScript中使用變量時，還有一些語法細節，具體介紹如下。

(1）更新變量的值

當聲明一個變量并賦值后，如果重新為該變量賦值，則原來的值會被覆蓋，示例代碼如下。

var age = 20;

console.log（age）;

age = 22;

console.log（age）;

// 輸出結果為：20

// 更新變量的值

// 輸出結果為：22

(2）同時聲明多個變量

在 var 關鍵字后面可以同時聲明多個變量，多個變量名之間使用英文逗號隔開，示例代碼如下。

// 同時聲明多個變量，沒有賦值
var username, password, phone;
// 同時聲明多個變量，并賦值
var username = ＇小智＇, password = ＇123456＇, phone = ＇13012345678＇;

如果只聲明變量沒有賦值，則輸出結果為undefined。如果不聲明變量，直接輸出變量的值，則程序會報錯。

官术网_书友最值得收藏!

JavaScript+jQuery交互式Web前端開發（第2版）

1.4.3 變量的聲明與賦值