Variables(變數) | Javascript

變數(Variables)是任何程式的基礎石,作為儲存和管理資料的容器。與其他語言中的資料類型不同, JavaScript 變數(Variables)是動態類型的。這種靈活性可以使 Javascript 開發人員能夠創造更多具有靈活性的程式碼。

JavaScript 的特殊之處在於其動態類型,你不必事先聲明變數的類型,它會根據分配的值自動適應。

例如你有一個名為 age 的變數。最初,它可能儲存一個數字,例如 25,但之後,你可以將其更改為儲存一個字串,例如 “twenty-five”。這種可以改變變數的型別使得 JavaScript 編寫程式變得靈活且有效率。

了解如何宣告、賦值和操作變數對於在 JavaScript 中程式設計至關重要。它們使你能夠創建互動式的網站,處理使用者輸入,並動態地回應各種場景。因此,無論你是初學者還是經驗豐富的開發人員,理解 JavaScript 變數的本質是掌握語言的關鍵步驟。

宣告賦值變數在Javascript中有3種方式

var:

  • var 是舊的Javascript變量賦值方式
  • var 的宣告後是可以改變值

const 和 let:

  • constletES6 之後才加入的
  • let 的賦值變量可以改變
  • const 是常數的意思,代表const的變量是不可以改變(Primitive Type)
  • const 在命名變量的時候,一定要給值,不然會出錯

var和let. const 的差別:

  • let. const 作用域(Scope)是塊級區域
  • var 作用域(Scope)是函數範圍
  • Modern Javascript中,我們幾乎不會用到var,除非是在一些特殊情況中才會用到

See the Pen Variables(變數)-Javascript by lenrich (@lenrich) on CodePen.

範例

'use strict';

var x = 'Jack';
x = 'Joe';
console.log(x); // Joe

let y = 10;
y = 11;
console.log(y); // 11

const dad = 'Kyle';
const monm = 'Jane';
// dad = 'Gino';
// monm = 'Rose';
// console.log(dad); // TypeError: Assignment to constant variable.
// console.log(mom); // TypeError: Assignment to constant variable.

// Assignment operators
let num = 22 + 11; // 33
num += 15; // num = num + 15 
num *= 4; // num = num *4 
num++; // num = num + 1
num--; // num = num - 1

const firstName = 'Lisa';
const lastName = 'Chen';
console.log(firstName + ' ' + lastName); // Lisa Chen


// Comparison operators
const i = 100;
const j = 99;
// >, <, >=, <=
console.log(i > j); // true
console.log(i >= 18); // true

const sum = i < j;
console.log(sum); // false