[ JavaScript 筆記] 變數 Variable & 值 Value 與他們的命名方式

更新 發佈閱讀 3 分鐘
前言:
雖然前面有些定義還沒有完整的解釋,但還是後面再說吧,
誰想一直看理論啊(摔本子)

變數 Variable & 值 Value

變數就像一個寫上標籤的盒子,值就是要放入盒子的東西。
JS 會將變數存在記憶體中,以便未來取用。

宣告變數與賦值

我們告訴 JS 我們需要一個盒子,並且寫上標籤,這個動作就是宣告變數,
盒子裡面放入值,就是賦值(assign):

const a = 15;
// 宣告時,最前面寫 關鍵字,後方接 變數名稱
// 如果有預設值,可以在宣告時直接賦予

這裡用 const 這個關鍵字告訴 JS 我要宣告一個叫做 a 的常數,值是 15,
未來需要使用 a 來做計算時,就可以取用。
反之,如果沒有宣告,它會不知道我們要幹嘛:

a = 15;
// 得到報錯訊息:Uncaught ReferenceError: a is not defined​
// 代表 ​a 沒有被定義

let / const / var 三種常見關鍵字,其中一種最好不要用

上面例子中使用了 const 來宣告,但 JS 還有另外兩種常見關鍵字:let、var。

const - 宣告不可變動之常數
用 const 宣告時,就不能重新賦值 or 重新宣告

const myName = "asdf";
myName = "qwer"; // 重新​賦值時會報錯
const myName = "qwer​"; // 重新宣告也會報錯
// TypeError: Assignment to constant variable

let - 宣告可變動之變數
反之,用 let 宣告時,就能重新賦值,但一樣不能重新宣告

let kingOfThePirates = "MonkeyDLuffy";
kingOfThePirates = "Luffy"; // 重新​賦值沒問題

let kingOfThePirates = "Luffy​"; // 無法重新宣告區塊範圍變數

var - 宣告可變動之變數
跟 let 很像,可以重新賦值,不同的是 var 可以重新宣告
乍看下來很像沒什麼,但如果今天是一個幾萬行的程式碼,
如果用 var 宣告了一個 a 變數,某一天再用 var 宣告一次 a,
這時候程式碼裡的 a 變數就被污染了,
因為不確定這一行取用的 a 到底是哪一次宣告的。

var examRange = "chapter12";
examRange = "chapter13"; // 重新​賦值沒問題
var examRange = "chapter1";; // 重新宣告不會報錯 但是會造成問題

所以 var 最好不要用,不然除錯的時候會很想揍自己。

現在這三個關鍵字先這樣記就好,等到解釋作用域的時候再完整說明一次。

變數名稱與他們的命名方式

變數命名有些習慣要遵守⭐️

  • 不可使用 JS 保留字 JavaScript Reserved Words
  • 不可使用數字開頭
  • 不可使用烤肉串命名法 ex. my-name
  • 使用駝峰命名法 ex. myName
  • 大小寫視為不同變數
  • 特別使用場景下,可使用特殊符號 $ 及 _ 開頭

預告:接下來講資料型態 data type(給自己的備忘)
留言
avatar-img
碎碎念
5會員
14內容數
本來是理科生,在被物理放棄之後成為了文科生,有時理性思考,偶爾卻會脫口出感性的字句;喜歡打字的聲音,以生活為靈感寫下過去、現在與未來。
你可能也想看
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
這篇內容,將會講解什麼是變數,以及與變數相關的知識。包括變數、資料型態、變數賦值、變數的命名規則、變數的作用區域、變數的可重複性、內建變數。
Thumbnail
這篇內容,將會講解什麼是變數,以及與變數相關的知識。包括變數、資料型態、變數賦值、變數的命名規則、變數的作用區域、變數的可重複性、內建變數。
Thumbnail
就簡單介紹一下static
Thumbnail
就簡單介紹一下static
Thumbnail
此章節旨在介紹TypeScript中的運算符,包括算數運算子、比較運算子、賦值運算子、位元運算子,以及他們的優先等級。每種運算子都以清晰的解釋和代碼範例進行詳細說明,幫助讀者理解並有效地在自己的程式碼中使用。
Thumbnail
此章節旨在介紹TypeScript中的運算符,包括算數運算子、比較運算子、賦值運算子、位元運算子,以及他們的優先等級。每種運算子都以清晰的解釋和代碼範例進行詳細說明,幫助讀者理解並有效地在自己的程式碼中使用。
Thumbnail
了解這些運算子及其優先等級有助於更好地理解和編寫 JavaScript 代碼
Thumbnail
了解這些運算子及其優先等級有助於更好地理解和編寫 JavaScript 代碼
Thumbnail
在本章節中,我們將學習JavaScript的基本語法,包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
Thumbnail
在本章節中,我們將學習JavaScript的基本語法,包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
Thumbnail
Python語法包括條件語句、迴圈、函數和變數的使用。條件語句如if、elif和else用於進行條件判斷,for和while是兩種主要的迴圈,def用於定義函數。變數可以被賦予數字或字符串,並可使用類型提示來指定變數的類型。註解可以是單行或多行,並可用於解釋函數或類的用途和作用。
Thumbnail
Python語法包括條件語句、迴圈、函數和變數的使用。條件語句如if、elif和else用於進行條件判斷,for和while是兩種主要的迴圈,def用於定義函數。變數可以被賦予數字或字符串,並可使用類型提示來指定變數的類型。註解可以是單行或多行,並可用於解釋函數或類的用途和作用。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News