總結分享JavaScript變數和資料型別知識點

如何快速入門VUE3.0：進入學習

一、變數

標識符

概念：程式開發中，經常需要自訂一些符號來標記一些名稱，並賦予其特定的用途，如變數名稱、函數名稱等，這些符號都被稱為標識符。

定義規則

• 由大小寫字母、數字、底線和美元符號（$）組成。
• 不能以數字開頭。
• 嚴格區分大小寫。
• 不能使用JavaScript中的關鍵字命名。
• 要盡量做到「見其名知其意」。

合法的識別碼為：it、It、age66、_age、$name

非法的識別碼為：to、to、798lu

注意

當標識符中需要多個單字來表示時，常見的表示方式有下劃線法（如user_name ）、駝峰法（如userName）和帕斯卡法（如UserName）。讀者可依開發需求統一規範命名的方式，如下劃線方式通常應用於變數的命名，駝峰法通常應用於函數名的命名等。

關鍵字

保留關鍵字：是指在JavaScript語言中被事先定義好並賦予特殊意義的單字。

未來保留關鍵字：是指預留的，未來可能會成為保留關鍵字的單字。

保留關鍵字

關鍵字不能當作變數名稱和函數名稱使用，否則會使JavaScript在載入過程中出現語法錯誤。

未來保留關鍵字

標識符在定義時，建議不要用未來保留關鍵字，避免將來轉換為關鍵字時發生錯誤。

變數的使用

概念：變數可以看作是儲存資料的容器。

舉例：盛水的杯子，杯子指變量，杯中的水指保存在變數中的資料。

語法：JavaScript中變數通常利用var關鍵字聲明，且變數名稱的命名規則與識別碼相同。

範例：合法變數名（如number、_it123）、非法變數名（如88shout、&num）。

• 未賦初始值的變量，預設值會被設定為undefined。
• 行末的分號表示語句結束。
• 變數與變數之間的逗號（,）操作符，可實現一條語句同時完成多個變數的宣告。

變數的賦值

注意

JavaScript中變數雖然可以不事先聲明，直接省略var關鍵字為變數賦值。但由於JavaScript採用的是動態編譯，程式執行時不容易發現程式碼中的錯誤，所以推薦讀者在使用變數前，要養成先聲明的良好習慣。

定義常數

常數：可以理解為在腳本運行過程中值始終不變的量。

特點：一旦被定義就不能被修改或重新定義。

舉例：數學中的圓周率π就是一個常量，其值就是固定且不能被改變的。

語法：ES6中新增了const關鍵字，用於實現常數的定義

常數命名規則：遵循識別碼命名規則，習慣上常數名稱總是使用大寫字母表示。

常量的值：常數在賦值時可以是具體的數據，也可以是表達式的值或變數。

• 常量一旦被賦值就無法改變。
• 常量在聲明時必須為其指定某個值。

二、資料型別

資料型別分類

JavaScript中的資料：在使用或賦值時依設定的具體內容再確其對應的型別。

但每種電腦語言都有自己支援的資料類型，JavaScript也不例外。

關於引用資料類型，將會在後面的章節詳細介紹。

基本資料型別－布林型

布林型是JavaScript中較常用的資料型別之一，通常用於邏輯判斷。

ture | false

表示事物的“真”和“假”，嚴格遵循大小寫，因此true和false值只有全部為小寫時才表示布林型。

基本資料型態－數值型

JavaScript中的數值型並不會區分整數和浮點數，所有數字都是數值型。

• 加“- ”符號表示負數。
• 新增“+ ”符號表示正數（通常情況下省略“+”）。
• 設定為NaN表示非數值。

只要給定的值不超過JavaScript中允許數值指定的範圍即可。

NaN非數值

• NaN 是一個全域物件的屬性，它的初始值就是NaN。
• 與數值型中的特殊值NaN一樣，都表示非數字（Not a Number）。
• 可用來表示某個資料是否屬於數值型。
• NaN沒有一個確切的值，僅表示非數值型的一個範圍。
• 例如，NaN與NaN進行比較時，結果不一定為真（true），這是由於被操作的資料可能是布林型、字元型、空型、未定義型和物件型中的任意一種類型。

基本資料型別－字元型

字元型（String）是由Unicode字元、數字等組成的字元序列，這個字元序列我們一般會稱為字串。

作用：表示文字的資料型態。

語法：程式中的字元型資料包含在單引號（"）或雙引號（""）。

• 由單引號定界的字串中可以包含雙引號。
• 由雙引號定界的字串中也可以包含單引號。

問題：如何在單引號中使用單引號，或在雙引號中使用雙引號？

答：利用轉義字元「」進行轉義。

在字串中使用換行、Tab等特殊符號時，也需要利用轉義符「」的轉義。

基本資料型別－空型

• 空型（Null）只有一個特殊的null值。
• 空型用來表示一個不存在的或無效的物件與位址。
• JavaScript中大小寫敏感，因此變數值只有是小寫的null時才表示空型（Null）。

基本資料型態－未定義型

• 未定義型（Undefined）也只有一個特殊的undefined值。
• 未定義型用於宣告的變數尚未初始化時，變數的預設值為undefined。
• 與null不同的是，undefined表示沒有為變數設定值，而null則表示變數（物件或位址）不存在或無效。
• 注意：null和undefined與空字串（''）和0都不相等。

資料類型檢測

為什麼需要資料類型檢測，以下面的範例進行講解？

請分析並說出變數sum的資料類型，以及為什麼？

思考答案：變數sum是字符型。

流程分析： 運算子「+」的操作數只要有一個是字元型，則它表示字元拼接。而此案例中參與運算的兩個變量，num1是數值型，num2是字元型，因此最後的輸出結果變數sum就是num1與num2進行拼接後的字串。

思考結論：開發中對參與運算的資料型態有要求時，需要進行資料類型偵測。

JavaScript中對於資料類型的檢測提供了以下兩種方式：

typeof操作符以字串形式，傳回未經計算的操作數的類型。

在利用typeof檢測null的型別時傳回的是object而不是null。

由於JavaScript中一切皆對象，因此可利用Object.prototype.toString.call()物件原型的擴充函數更精確的區分資料類型。

Object.prototype.toString.call(data)的傳回值是一個形如「[object 資料型別]」的字元型結果。 （可透過console.log()觀察傳回值。）

資料型別轉換

資料型別轉換－轉布林型

應用場景：常用於表達式與流程控制語句中，如資料的比較、條件的判斷。

實作語法：Boolean()函數。

注意事項：Boolean()函數會將任何非空字串和非零的數值轉換為true，將空字串、0、NaN、undefined和null轉換為false。

示範範例：判斷使用者是否有內容輸入。

分析Boolean(con)：

• 使用者點選「取消」按鈕，則
• 結果為false使用者未輸入
• ，單一點選「確定」按鈕，則結果為false使用者輸入「哈哈」，單點選「確定」按鈕，則結果為true

資料類型轉換－轉數值型

應用場景：開發中在接收使用者傳遞的資料進行運算時，為了確保參與運算的都是數值型，經常需要轉換。

實作語法：Number()函數、parseInt()函數或parseFloat()函數。

示範範例：根據使用者的輸入完成自動求和。

轉數值型的函數在使用時有一定的差異。

• 所有函數在轉換純數字時會忽略前導零，如「0123」字串會被轉換為123。
• parseFloat()函數會將資料轉換為浮點數（可以理解為小數）。
• parseInt()函數會直接省略小數部分，傳回資料的整數部分，並可透過第2個參數設定轉換的進位數。

注意

在實際開發中還需要對轉換後的結果是否為NaN進行判斷，只有不是NaN時，才能夠進行運算。此時可使用isNaN()函數來決定，當給定值為undefined、NaN和{}（物件）時傳回true，否則傳回false。

資料型別轉換－轉字符型

實作語法：String()函數和toString()方法。

實作方式的差異： String()函數可以將任意型別轉換為字元型；除了null和undefined沒有toString()方法外，其他資料型別都可以完成字元的轉換。

示範範例：根據使用者的輸入完成自動求和。

注意

toString()方法在進行資料類型轉換時，可透過參數設置，將數值轉換為指定進位的字串，例如num4.toString(2)，表示先將十進位26轉為二進位11010，然後再轉為字元型資料。

表達式

概念：表達式可以是各種類型的資料、變數和運算子的集合。

最簡單的表達式可以是一個變數。