網頁

2019/7/12

JavaScript 用var宣告變數

JavaScript使用var關鍵字來宣告變數。


var dog = "砂糖阿狗"; // 宣告一個變數dog,dog的內容是"砂糖阿狗"
alert(dog); // 顯示dog變數的內容,所以會彈出"砂糖阿狗"的訊息

那什麼是變數(Variable)呢?你可以把變數想成是一塊小空間,或一個小箱子,然後你可以放點東西在裡面。例如上面宣告一個變數,變數命名為dog,變數的內容為"砂糖阿狗"。



那為什麼需要變數呢?程式執行時需要空間暫時存放資料(例如使用者輸入的資料,或上傳的圖片)讓後面的程式使用,所以需要變數來暫時存放資料。等到程式執行結束後,變數不再被需要就會被清除。


變數其實就是程式跟電腦要的一小塊記憶體空間。例如你的電腦有8GB的記憶體,那麼宣告一個變數的意思就是在程式執行時會從8GB記憶體中拿該變數所需要的一小塊記憶體空間。


工作管理員顯示電腦的記憶體用量

假設一個裝有"砂糖阿狗"的變數需要12個Bytes(位元組)的電腦空間,這12 Bytes的大小就是從電腦記憶體8GB中取得的。8GB是8 GigaBytes的縮寫。Giga代表十億,所以8GB 就是8十億位元組。

8GB = 8589934592 Bytes

變數dog就是佔了這8589934592 Bytes中的12 Bytes。



而變數的內容是可以改變的,所以稱為「變」數。例如上面一開始宣告dog變數時所給予的內容為"砂糖阿狗",但在程式中可依情況更換成不同的內容,例如更改為"豆干阿狗":

var dog = "砂糖阿狗"; // 宣告一個變數dog,dog的內容是"砂糖阿狗"
alert(dog); // 顯示dog變數的內容,所以會彈出"砂糖阿狗"的訊息
dog = "豆干阿狗"; // 把dog由原本的"砂糖阿狗"更改為"豆干阿狗"
alert(dog); // 顯示dog變數的內容,因為在上一步被替換成"豆干阿狗",所以會彈出"豆干阿狗"的訊息

那原本的"砂糖阿狗"跑哪去了呢?原本的砂糖阿狗因為沒有箱子裝所以就消失了。

以上就是在JavaScript用var宣告變數的簡單介紹。

沒有留言:

張貼留言