JavaScript 教程 - 變數

Jinku Hu 2023年1月30日 2019年12月26日
  1. JavaScript 變數定義
  2. 變數識別符號規則
  3. 宣告一個變數
  4. ES6 中的 letconst 變數
JavaScript 教程 - 變數

我們將在本教程中學習 JavaScript 變數。

JavaScript 變數定義

程式中使用了變數來儲存資訊。它可以是訪問者的年齡,也可以是使用者名稱。該變數儲存資訊,以後可以再次使用。

你可以將 JavaScript 變數命名為幾乎所需的任何名稱,但是有一些規則:

變數識別符號規則

  1. 變數可以由字母、數字和下劃線組成,但必須以小寫字母、大寫字母或下劃線開頭,不能以數字開頭。
  2. 你不得使用任何 JavaScript 關鍵字。
  3. 變數名稱區分大小寫。
  4. 變數名稱不能包含空格。

宣告一個變數

語法

var <variable-name>;
// or 
var <variable-name> = <value>;

JavaScript 變數宣告示例

var x = 1;

你需要先宣告一個變數,然後才能使用它。你可以使用關鍵字 var,然後使用變數名,如上例所示的 x。你可以將變數的值與宣告一起初始化,也可以稍後為其分配值。

JavaScript 具有動態變數資料型別,你可以毫無問題地為變數分配不同的資料型別。

這一點不同於其他程式語言中的在宣告變數時必須指定變數的型別,並且後繼不能更改型別。

JavaScript 多變數宣告

可以在一行中用逗號 , 分隔宣告多個變數。

var one, two, three = 1, 2, 3;

JavaScript 中不帶 var 的變數宣告

我們可以在 JavaScript 中宣告一個不帶 var 的變數,但是需要直接分配值給變數。

one = 1;
two = 2;
three, four = 3, 4;

ES6 中的 letconst 變數

var 關鍵字宣告在函式範圍內的變數,但是在 ES6 引入的 letconst 關鍵字可變範圍擴大到塊 {} 級別。

const 關鍵字宣告的變數在宣告後不能重新分配值,但是用 let 宣告的可以。

> let A = "1"
> A = "2"
"2"
> const B = 1;
> B = 2
VM944:1 Uncaught TypeError: Assignment to constant variable.
    at <anonymous>:1:3
Author: Jinku Hu
Jinku Hu avatar Jinku Hu avatar

Founder of DelftStack.com. Jinku has worked in the robotics and automotive industries for over 8 years. He sharpened his coding skills when he needed to do the automatic testing, data collection from remote servers and report creation from the endurance test. He is from an electrical/electronics engineering background but has expanded his interest to embedded electronics, embedded programming and front-/back-end programming.

LinkedIn