JavaScript 變數

變數是用於儲存資訊的"容器"。

例項

var x=5; var y=6; var z=x+y;

嘗試一下 ?

就像代數那樣

x=5
y=6
z=x+y

在代數中,我們使用字母(比如 x)來儲存值(比如 5)。

通過上面的表示式 z=x+y,我們能夠計算出 z 的值為 11。

在 JavaScript 中,這些字母被稱為變數。

您可以把變數看做儲存資料的容器。


JavaScript 變數

與代數一樣,JavaScript 變數可用於存放值(比如 x=5)和表示式(比如 z=x+y)。

變數可以使用短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)。

  • 變數必須以字母開頭
  • 變數也能以 $ 和 _ 符號開頭(不過我們不推薦這麼做)
  • 變數名稱對大小寫敏感(y 和 Y 是不同的變數)
JavaScript 語句和 JavaScript 變數都對大小寫敏感。


JavaScript 資料型別

JavaScript 變數還能儲存其他資料型別,比如文字值 (name="Bill Gates")。

在 JavaScript 中,類似 "Bill Gates" 這樣一條文字被稱為字串。

JavaScript 變數有很多種型別,但是現在,我們只關注數字和字串。

當您向變數分配文字值時,應該用雙引號或單引號包圍這個值。

當您向變數賦的值是數值時,不要使用引號。如果您用引號包圍數值,該值會被作為文字來處理。

例項

var pi=3.14; // 如果你熟悉 ES6,pi 可以使用 const 關鍵字,表示一個常量 // const pi = 3.14; var person="John Doe"; var answer='Yes I am!';

嘗試一下 ?


宣告(建立) JavaScript 變數

在 JavaScript 中建立變數通常稱為"宣告"變數。

我們使用 var 關鍵詞來宣告變數:

var carname;

變數宣告之後,該變數是空的(它沒有值)。

如需向變數賦值,請使用等號:

carname="Volvo";

不過,您也可以在宣告變數時對其賦值:

var carname="Volvo";

在下面的例子中,我們建立了名為 carname 的變數,並向其賦值 "Volvo",然後把它放入 id="demo" 的 HTML 段落中:

例項

var carname="Volvo"; document.getElementById("demo").innerHTML=carname;

嘗試一下 ?

一個好的程式設計習慣是,在程式碼開始處,統一對需要的變數進行宣告。


一條語句,多個變數

您可以在一條語句中宣告很多變數。該語句以 var 開頭,並使用逗號分隔變數即可:

var lastname="Doe", age=30, job="carpenter";

宣告也可橫跨多行:

var lastname="Doe",
age=30,
job="carpenter";

一條語句中宣告的多個變數不可以同時賦同一個值:

var x,y,z=1;

x,y 為 undefined, z 為 1。



Value = https://www.itread01.com/js/undefined

在計算機程式中,經常會宣告無值的變數。未使用值來宣告的變數,其值實際上是 undefined。

在執行過以下語句後,變數 carname 的值將是 undefined:

var carname;


重新宣告 JavaScript 變數

如果重新宣告 JavaScript 變數,該變數的值不會丟失:

在以下兩條語句執行後,變數 carname 的值依然是 "Volvo":

var carname="Volvo";
var carname;


JavaScript 算數

您可以通過 JavaScript 變數來做算數,使用的是 = 和 + 這類運算子:

例項

y=5; x=y+2;

嘗試一下 ?

使用 let 和 const (ES6)

在 2015 年以前,我們使用 var 關鍵字來宣告 JavaScript 變數。

在 2015 後的 JavaScript 版本 (ES6) 允許我們使用 const 關鍵字來定義一個常量,使用 let 關鍵字定義的限定範圍內作用域的變數。e.

更多 const 和 let 內容可以參閱:JavaScript let 和 const。

Safari 10 和 Edge 14 是第一批支援 ES6 所有特性的瀏覽器:

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

您將在本教程稍後的章節學到更多有關 JavaScript 運算子的知識。