ECMAScript的數據類型有哪些及怎么使用

這篇“ECMAScript的數據類型有哪些及怎么使用”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“ECMAScript的數據類型有哪些及怎么使用”文章吧。

前言

本文為JSRedBook數據類型， 主要講述 ECMAScript 的 6 種簡單數據類型（原始類型）中的其中三種：Undefined、Null、Boolean以及常用的操作符。

ECMAScript 的數據類型很靈活，一種數據類型可以當作多種數據類型來使用

typeof 操作符

typeof操作符用于確定（檢測）任意變量的數據類型

類型檢測

對一個值使用 typeof 操作符會返回下列字符串之一：

使用說明

下面是使用 typeof 操作符的例子：

 const message = "Hello"
 console.log(typeof(msssage)) // "string"
 console.log(typeof 99 ) // "number"

注意：因為 typeof 是一個操作符而不是函數，所以不需要參數（但可以使用參數）

小知識

調用typeof null 返回的是 "object"。這是因為特殊值 null 被認為是一個對空對象的引用

注意： 嚴格來講，函數在 ECMAScript 中被認為是對象，并不代表一種數據類型；但函數也有自己特殊的屬性，所以就有必要通過 typeof 操作符來區分函數和其他對象。

Undefined 類型

Undefined 類型只有一個值，就是特殊值 undefined

增加這個特殊值的目的就是為了正式明確空對象指針（null）和未初始化變量的區別

練習場景

當使用 var 或 let 聲明了變量但沒有初始化時，就相當于給變量賦予了 undefined 值，如下：

 let message; 
 console.log(message == undefined); // true

變量 message 在聲明的時候并未初始化，因此比較它和 undefined 的字面值時，兩者是相等的

我們再來看看下面這個例子：

 let message = undefined; 
 console.log(message == undefined); // true

這是個不必要的預定義，因為默認情況下任何未經初始化的變量都會取得 undefined 值。

注意： 一般來說，永遠不用顯式地給某個變量設置 undefined 值，字面值 undefined主要用于比較，而且在 ECMA-262 第 3 版之前是不存在的。

undefined 與 not defined 的區別

包含 undefined 值的變量跟未定義變量是有區別的，如下：

 let message;   // 這個變量被聲明了，只是值為 undefined 
 // let age;  確保沒有聲明過這個變量
 
 console.log(message); // "undefined" 
 console.log(age); // 報錯；

在上面的例子中，第一個 console.log 因為變量message未定義值，即為"undefined"；而第二個console.log 要輸出一個未聲明的變量 age 的值，因此會導致報錯。

注意： 對未聲明的變量，只能執行一個有用的操作就是對它調用 typeof。（對未聲明的變量調用 delete 也不會報錯，但這個操作沒什么用，實際上在嚴格模式下會拋出錯誤）

使用 typeof 檢測 undefined

在對未初始化的變量調用 typeof 時，返回的結果是"undefined"，但對未聲明的變量調用它時，返回的結果還是"undefined"，這就有點讓人看不懂了。比如下面的例子：

 let message; //這個變量被聲明了，只是值為 undefined 
 // 確保沒有聲明過這個變量
 
 // let age 
 console.log(typeof message); // "undefined"
 console.log(typeof age); // "undefined"

這就奇怪了(⊙?⊙)，為什么無論是聲明還是未聲明，typeof 返回的都是字符串"undefined"？。

因為嚴格來講這兩個變量存在根本性差異，但它們都無法執行實際操作，所以都返回 undefined。

注意： 即使未初始化的變量會被自動賦予 undefined 值，但仍然建議在聲明變量的同時進行初始化。這樣當 typeof 返回 "undefined"時，你就會知道那是因為給定的變量尚未聲明，而不是聲明了但未初始化。

小知識

undefined是一個假值。

但是也有很多其他的值可能也是假值，所以一定要明確自己想檢測的就是 undefined 這個字面值，而不僅僅是假值，如下：

 let message; // 這個變量被聲明了，只是值為 undefined 
 
 if (message) { 
  // 這個塊不會執行
 } 
 
 if (!message) { 
  // 這個塊會執行
 } 
 
 if (age) { // age 沒有聲明 
  // 這里會報錯
 }

Null 類型

null 值表示一個空對象指針

練習場景

因為它的值表示空對象指針，所以用typeof 傳一個 null 會返回 “object”，如下：

 const test = null;
 console.log(typeof test);   // "object"

建議： 在定義將來要保存對象值的變量時，建議使用 null 來初始化，不要使用其他值；

這樣只要檢查這個變量的值是不是 null 就可以知道這個變量是否在后來被重新賦予了一個對象的引用，如下：

 if (car != null) { 
  // car 是一個對象的引用
 }

注意： 用等于操作符（==）比較 null 和 undefined 始終返回 true

因為 undefined 值是由 null 值派生而來的，因此 ECMA-262 將它們定義為表面上相等，如下：

 console.log(null == undefined); // true

小知識

即使 null 和 undefined 有關系，它們的用途也是完全不一樣的。

如前所述，永遠不必顯式地將變量值設置為 undefined，但 null 不是這樣的；任何時候，只要變量要保存對象，而當時又沒有那個對象可保存，就要用 null 來填充該變量；這樣就可以保持 null 是空對象指針的語義，并進一步將其與 undefined 區分開來。

還有一點：null 也是個假值，檢測方法與上述 undefined 一致

Boolean 類型

Boolean（布爾值）類型是 ECMAScript 中使用最頻繁的類型之一，有兩個字面值：true 和 false。

• 這兩個布爾值不同于數值，因此 true 不等于 1，false 不等于 0。

練習場景

布爾值字面量 true 和 false 是區分大小寫的

因此 True 和 False（及其他大小混寫形式）是有效的標識符，但不是布爾值，如下：

 const a = true; // ?
 const b = false; // ?
 const c = True; // 報錯：True is not defined

類型轉換

雖然布爾值只有兩個，但所有其他 ECMAScript 類型的值都有相應布爾值的等價形式。

要將一個其他類型的值轉換為布爾值，可以調用特定的 Boolean()轉型函數，如下：

 const message = "Hello juejin";
 const remessage = Boolean(message); // true

在上述例子中，字符串 message 會被轉換為布爾值并保存在變量 remessage 中。

轉換表

Boolean()轉型函數 可以在任意類型的數據上調用，而且始終返回一個布爾值；什么值能轉換為 true或 false 的規則取決于數據類型和實際的值。

下表總結了不同類型與布爾值之間的轉換規則：

這個表非常重要，基本布爾轉換都得依靠這個表

if 中的轉換

像 if 等流控制語句會自動執行其他類型值到布爾值的轉換，如下：

 const test = "Hey";
 if (test) { 
     console.log("Value is True");
 }
 // "Value is True"

上面的例子中，字符串 test 會被自動轉換為等價的布爾值 true，因此成功輸出 "Value is True"；

由于存在這種自動轉換，理解控制流語句中使用的是什么變量就非常重要，錯誤地使用對象而不是布爾值會明顯改變應用程序的執行流。

以上就是關于“ECMAScript的數據類型有哪些及怎么使用”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。