JavaScript教學2.變數



JavaScript教學2.變數

 對Javascript有興趣嗎?免費入門教學在這裡!本篇是2.變數

變數

「變數(Variables)」可說是用來承裝資料數值的容器。在同一程式中,變數的值是可以被改變的。
所以在 JavaScript教學 中,以「var」來宣告變數。寫法如下所示:
var x = 777;
在上述例子中,數值 777 被指定給變數 x。
JavaScript 對於字體的大小寫是很敏感的,大小寫被視為不同的變數,例如變數「Name」與「name」被視為不同的變數。

等號

JavaScript 中,等號 (=) 被稱作「分配」運算子,而不是「等於」運算子。
例如,「x = y」就是「把數值 y 分配給 x」,而不是「y 等於 x」。

使用變數

現在,我們將一個值「777」分配給一個變數「x」,並將其輸出。程式碼與結果如下:
See the Pen var.js by Tedutw (@Tedutw) on CodePen.

為變數命名

JavaScript 的變數名稱,對於字體的大小寫是敏感的,大小寫被視為不同的變數。如下例,我們將 x 由小寫改為大寫,程式碼與結果如下:
var x = 100;
document.write(X);
See the Pen Naming Variables by Tedutw (@Tedutw) on CodePen.

因為大小寫不同的緣故,所以 x 與 X 被判定為不同的變數。因此上面的程式碼並沒有產出任何的結果。
JavaScript 變數命名原則:
  • 以下圖片為「JavaScript 保留字」一覽表,表中的任何字都不能用於命名變數。
  • 任何的 JavaScript 名稱都不能含有空白字元。
  • 變數名稱不能包含特殊符號,例如「my#num」、「num%」等。
  • 變數名稱不能包含一個算數或是邏輯運算子,像是加(+)減(-)乘(*)除(/)的的記號都不能用。注意:連接線(-)會被視為減號,因此命名中也不能含連接線。)
  • 命名的第一個字,必須是英文字母、底線(_)或是貨幣符號($)。後續的字可以是英文字母、數字(注意:數字不能作為第一個字)、底線或是貨幣符號($)

1028-1.jpg





參考連結:

Javascript教學1.在網頁中嵌入JavaScript

JavaScript教學3.資料類型

JavaScript教學4.數學運算子

前端工程師一定要懂的HTML5(上):關於SVG動畫

前端工程師一定要懂的HTML5(下):關於SVG動畫

零基礎入門前端工程師難不難?看完這篇你就知道!!

暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~

全球首屆元宇宙時裝周,複刻20年前的失敗?

全球首屆元宇宙時裝周, 遇到瓶頸 複刻20年前的失敗? 目錄 元宇宙時裝周參與盛況 叫好不叫座?新興技術的行銷瓶頸 由虛擬實境平台 Decentraland 所舉辦的「元宇宙時裝週」(Metaverse Fashion Week...