前端工程師必知:JavaScript變數命名規範

想當前端工程師的你絕對不能錯過這篇JavaScript文章!

今天小編要跟大家分享的文章是關於前端工程師要知道的 JavaScript 變數命名規範，

正在從事前端工程師工作或是想當前端工程師的朋友們來和小編一起看一看吧!

希望本篇文章能夠對大家有所幫助幫助。

JavaScript 變數命名規範：只能由英語字母，數字，下劃線，美元符號$構成，並且不能以數字開頭，並且不能是JavaScript保留字。

前端工程師工程師要知道的JavaScript變數命名規範

下列都是非常正確的變數命名：

var haha​​ = 250;

var xixi = 300;

var a1 = 400;

var a2 = 400;

var abc_123 = 400;

var $ abc = 999;

var $ o0_0o $ = 888;

var $ = 1000;

var _ = 2000;

var ________ = 3000;

下列都是錯誤的命名：

var a-1 = 1000; //不能有怪異符號

var a @ = 2000; //不能有怪異符號

var 2year = 3000; //不能以數字開頭

var a ￥ = 4000; //不能有怪異符號

var a *＃$＃$ @ = 5000; //不能有怪異符號

var a b = 300; //不能有空格

下列的單詞，叫做保留字，就是說補充當做變數名

abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto

implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

需要注意大寫字母是可以使用的，並且大小寫敏感。最初A和a是兩個變數。

1 var A = 250;

2 var a = 888;

參考連結:

SEM 關鍵字廣告課程讓高三生提早就定位 開始接案賺錢！

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

AI 甩尾技術勝 Ken Block！方程式冠軍車手嘆：要失業了

日推AI手機具「防拍裸照」功能！再拍人工智慧就跟你媽告狀

免費Java開發工具大全,千萬別錯過!!

JavaScript教學17.物件

JavaScript入門#18創造物件

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%」等。
  
• 變數名稱不能包含一個算數或是邏輯運算子，像是加（+）減（-）乘（*）除（/）的的記號都不能用。注意：連接線（-）會被視為減號，因此命名中也不能含連接線。）
  
• 命名的第一個字，必須是英文字母、底線（_）或是貨幣符號（$）。後續的字可以是英文字母、數字（注意：數字不能作為第一個字）、底線或是貨幣符號（$）
  

參考連結:

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

JavaScript教學3.資料類型

JavaScript教學4.數學運算子

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

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

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

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