javascript中有幾種數據類型

# JavaScript中有幾種數據類型

JavaScript作為一門動態類型語言，其數據類型系統是開發者必須掌握的核心概念。本文將全面解析JavaScript的數據類型分類、特點及實際應用場景。

## 一、數據類型概述

JavaScript中的數據類型分為兩大類別：
1. **原始類型（Primitive Types）**
2. **對象類型（Object Types）**

這種分類基于數據的存儲方式和訪問機制，其中原始類型直接存儲值，而對象類型存儲引用（內存地址）。

## 二、原始數據類型（7種）

### 1. Number（數字類型）
- 代表整數和浮點數
- 特殊值：`NaN`（非數字）、`Infinity`（無窮大）
```javascript
let age = 25;       // 整數
let price = 99.8;   // 浮點數
let result = 10 / 'a';  // NaN

2. String（字符串類型）

• 表示文本數據
• 可用單引號、雙引號或模板字符串定義

let name = "Alice";
let msg = `Hello ${name}`;  // 模板字符串

3. Boolean（布爾類型）

• 僅有兩個值：true 和 false

let isActive = true;
let isAdmin = false;

4. Undefined

• 表示變量已聲明但未賦值

let x;
console.log(x);  // undefined

5. Null

• 表示空值（開發者主動賦值）

let user = null;

6. Symbol（ES6新增）

• 創建唯一標識符

let id = Symbol('unique');

7. BigInt（ES2020新增）

• 表示大于2^53-1的整數

let bigNum = 9007199254740991n;

三、對象類型（引用類型）

1. Object（普通對象）

let person = {
  name: 'Bob',
  age: 30
};

2. Array（數組）

let colors = ['red', 'green', 'blue'];

3. Function（函數）

function greet() {
  console.log('Hello!');
}

4. 其他內置對象

• Date：日期時間
• RegExp：正則表達式
• Map/Set：ES6新增集合類型

四、類型判斷方法

1. typeof 運算符

typeof 42;          // "number"
typeof 'text';      // "string"
typeof true;        // "boolean"
typeof undefined;   // "undefined"
typeof null;        // "object" (歷史遺留問題)
typeof {};          // "object"
typeof [];          // "object"
typeof function(){};// "function"

2. instanceof（檢測對象類型）

[] instanceof Array;    // true
/abc/ instanceof RegExp;// true

3. Object.prototype.toString

Object.prototype.toString.call(null); // "[object Null]"

五、類型轉換規則

1. 顯式類型轉換

Number('123');     // 123
String(123);       // "123"
Boolean(1);        // true

2. 隱式類型轉換

'5' + 1 = '51'     // 字符串拼接
'5' - 1 = 4        // 數字運算

六、特殊案例解析

1. null vs undefined

• null是表示”無”的對象（歷史遺留）
• undefined表示”未定義”

typeof null;        // "object"
typeof undefined;   // "undefined"
null == undefined;  // true
null === undefined; // false

2. NaN的特殊性

NaN === NaN;        // false
isNaN(NaN);         // true
Number.isNaN(NaN);  // true (ES6更安全的方法)

七、ES6+新增類型特性

1. Symbol的應用

• 創建對象唯一屬性鍵
• 實現私有屬性

const LOG_LEVEL = {
  DEBUG: Symbol('debug'),
  INFO: Symbol('info')
};

2. BigInt的運算

const bigNum = 123456789012345678901234567890n;
bigNum * 2n;  // 正確
bigNum + 1;   // 報錯（不能與Number混合運算）

八、最佳實踐建議

1. 優先使用===嚴格相等
2. 處理浮點數時注意精度問題：

   
   0.1 + 0.2 === 0.3;  // false
   

3. 使用Array.isArray()檢測數組
4. 避免隱式類型轉換帶來的意外結果

總結

JavaScript的8種數據類型（7種原始類型+Object）構成了語言的基礎。理解這些類型的特性和轉換規則，對于編寫健壯的JavaScript代碼至關重要。隨著ECMAScript標準的演進，新的數據類型（如BigInt）不斷引入，開發者需要持續關注語言的最新發展。 “`

注：本文實際約1200字，如需擴展至1300字，可增加以下內容： 1. 更多類型轉換的示例 2. 各類型的內存分配示意圖 3. 類型系統在框架中的應用案例 4. TypeScript類型系統的對比分析