当前位置：首页 > news >正文

JavaScript Symbol与BigInt

news 来源：原创 2025/6/14 10:56:18

Symbol类型

一、Symbol 的核心特性

1. 唯一性

2. 不可变性

3. 不可枚举性

二、创建 Symbol

1. 基础创建

2. 全局 Symbol 注册表

三、Symbol 作为对象属性

1. 定义 Symbol 属性

2. 遍历 Symbol 属性

四、内置 Symbol 值

五、实际应用场景

1. 避免属性名冲突

2. 模拟私有属性

3. 定义迭代器

六、注意事项

七、总结

BigInt类型

一、BigInt 的核心特性

1. 定义与语法

2. 类型检测

3. 数值范围

二、BigInt 的运算规则

1. 算术运算

2. 比较运算

3. 位运算

4. 禁止混合运算

三、BigInt 的创建与转换

1. 类型转换

2. 类型强制转换

四、BigInt 的应用场景

1. 高精度整数计算

2. 时间戳与唯一ID

3. 数学库与算法

五、注意事项与兼容性

1. 兼容性

2. JSON 序列化

3. Math 对象方法

4. 性能考量

六、示例代码

1. 大数计算

2. 类型检测与转换

七、总结

Symbol类型

Symbol 是 ES6 引入的一种 原始数据类型，用于创建 唯一且不可变 的标识符，常用于对象属性的键，避免命名冲突。

一、Symbol 的核心特性

1. 唯一性

每个 Symbol 值都是唯一的，即使描述符（description）相同：

const sym1 = Symbol('key');
const sym2 = Symbol('key');
console.log(sym1 === sym2); // false

2. 不可变性

Symbol 值一旦创建，无法被修改，也无法通过 new 创建（避免装箱为对象）：

const sym = Symbol();
// const obj = new Symbol(); // ❌ 报错：Symbol is not a constructor

3. 不可枚举性

作为对象属性时，Symbol 键默认不会被常规方法遍历：

const obj = { [Symbol('key')]: 'value' };
console.log(Object.keys(obj)); // []
console.log(Reflect.ownKeys(obj)); // [Symbol(key)]（包含 Symbol 键）

二、创建 Symbol

1. 基础创建

// 无描述符
const sym1 = Symbol();

// 带描述符（用于调试）
const sym2 = Symbol('description');
console.log(sym2.description); // "description"

2. 全局 Symbol 注册表

通过 Symbol.for() 创建或获取全局共享的 Symbol：

const globalSym1 = Symbol.for('globalKey'); // 创建或获取
const globalSym2 = Symbol.for('globalKey');
console.log(globalSym1 === globalSym2); // true

// 获取全局 Symbol 的键
console.log(Symbol.keyFor(globalSym1)); // "globalKey"

全局注册表机制：根据 key 在全局注册表中查找或创建 Symbol。
相同 key 返回同一 Symbol。

三、Symbol 作为对象属性

1. 定义 Symbol 属性

const id = Symbol('id');
const user = {
  name: 'Alice',
  [id]: 123 // Symbol 键
};

console.log(user[id]); // 123

2. 遍历 Symbol 属性

需使用 Object.getOwnPropertySymbols()：

const symbols = Object.getOwnPropertySymbols(user); // [Symbol(id)]

四、内置 Symbol 值

JavaScript 预定义了一系列 内置 Symbol，用于改变对象的默认行为：

内置 Symbol	用途	示例
`Symbol.iterator`	定义对象的默认迭代器	`obj[Symbol.iterator] = function*() { yield 1; }`
`Symbol.toStringTag`	定制 `Object.prototype.toString` 输出	`obj[Symbol.toStringTag] = 'MyObject';` → `obj.toString()` → `[object MyObject]`
`Symbol.hasInstance`	自定义 `instanceof` 行为	`class MyClass { static [Symbol.hasInstance](obj) { ... } }`
`Symbol.species`	指定派生对象的构造函数	`class MyArray extends Array { static get [Symbol.species]() { return Array; } }`

五、实际应用场景

1. 避免属性名冲突

// 库 A 的扩展
const LIB_A_KEY = Symbol('libA');
Object.prototype[LIB_A_KEY] = function() { /* ... */ };

// 库 B 的扩展
const LIB_B_KEY = Symbol('libB');
Object.prototype[LIB_B_KEY] = function() { /* ... */ };

2. 模拟私有属性

const _counter = Symbol('counter');
class Counter {
  constructor() {
    this[_counter] = 0; // “私有”属性
  }
  increment() {
    this[_counter]++;
  }
}

3. 定义迭代器

const range = {
  start: 1,
  end: 5,
  [Symbol.iterator]() {
    let current = this.start;
    return {
      next: () => ({
        value: current,
        done: current++ > this.end
      })
    };
  }
};

for (const num of range) {
  console.log(num); // 1, 2, 3, 4, 5
}

六、注意事项

JSON 序列化
Symbol 属性会被 JSON.stringify() 忽略：

const obj = { [Symbol('key')]: 'value' };
console.log(JSON.stringify(obj)); // {}

类型转换
Symbol 无法隐式转换为字符串或数值，需显式调用 toString()：

const sym = Symbol('desc');
console.log(String(sym)); // "Symbol(desc)"
console.log(sym + ''); // ❌ TypeError: Cannot convert a Symbol to a string

跨 Realm 共享
不同 iframe 或 Web Worker 中的全局 Symbol 注册表是隔离的，需通过 postMessage 显式传递。

七、总结

特性	说明
唯一性	每个 Symbol 值唯一，避免命名冲突
不可变性	创建后无法修改，不可通过 `new` 实例化
私有性	通过 Symbol 键模拟私有属性（需配合模块作用域）
内置 Symbol	改变对象默认行为（如迭代、类型标签）

Symbol 的核心价值 在于提供了一种安全、可控的元编程机制，适用于库开发、框架设计及复杂对象行为定制。

BigInt类型

BigInt 是 JavaScript 中用于表示 任意精度大整数 的数据类型，解决了传统 Number 类型在超过 2^53 - 1（即 Number.MAX_SAFE_INTEGER）时的精度丢失问题。

一、BigInt 的核心特性

1. 定义与语法

字面量表示法：在数字后加 n。

const bigInt = 9007199254740993n; // 超过 Number 的安全整数范围

构造函数转换：通过 BigInt() 转换其他类型。

const fromString = BigInt("12345678901234567890");
const fromNumber = BigInt(Number.MAX_SAFE_INTEGER); // 9007199254740991n

2. 类型检测

使用 typeof 检测返回 "bigint"。
```
typeof 123n; // "bigint"
```

3. 数值范围

无固定上限：仅受内存限制，可表示任意大的整数。
不支持小数：BigInt 仅用于整数，小数部分会被截断。
```
BigInt(3.9); // 3n（直接截断，非四舍五入）
```

二、BigInt 的运算规则

1. 算术运算

支持常规运算符（+、-、*、**、/、%），但除法返回整数部分。

const a = 10n;
const b = 3n;
console.log(a / b); // 3n（舍去小数）

2. 比较运算

可与 Number 或其他 BigInt 进行比较（==、===、>、< 等）。

10n === 10;   // false（类型不同）
10n == 10;    // true（值相等）
10n > 5;      // true

3. 位运算

支持位操作符（&、|、^、<<、>>），但操作数必须同为 BigInt。

const mask = 0b1111n;
const result = 0b1010n & mask; // 0b1010n & 0b1111n → 0b1010n（即 10n）

4. 禁止混合运算

BigInt 与 Number 不可直接运算，需显式转换。

// 10n + 5;   // ❌ TypeError: Cannot mix BigInt and other types
10n + BigInt(5); // ✅ 15n

三、BigInt 的创建与转换

1. 类型转换

字符串转 BigInt：

BigInt("123"); // 123n
BigInt("0xFF"); // 255n（支持十六进制）
BigInt("0b1010"); // 10n（支持二进制）

Number 转 BigInt：

BigInt(Number.MAX_SAFE_INTEGER); // 9007199254740991n

2. 类型强制转换

隐式转换：部分操作（如模板字符串）会隐式调用 toString()。
```
`Value: ${100n}`; // "Value: 100"
```

显式转换：

Number(100n); // 100（可能丢失精度）
Boolean(0n);  // false（0n 为假值）

四、BigInt 的应用场景

1. 高精度整数计算

处理金融、加密算法中的大整数运算：

const largePrime = 957496696762772407663n;
const hash = largePrime * 2654435761n; // 避免溢出

2. 时间戳与唯一ID

生成高精度时间戳或分布式唯一ID：

const timestamp = BigInt(Date.now()) * 1000000n + process.hrtime.bigint();

3. 数学库与算法

实现大数阶乘、斐波那契数列等：

function factorial(n) {
  let result = 1n;
  for (let i = 2n; i <= n; i++) {
    result *= i;
  }
  return result;
}
console.log(factorial(20n)); // 2432902008176640000n

五、注意事项与兼容性

1. 兼容性

支持环境：现代浏览器（Chrome 67+、Firefox 68+、Node.js 10.4+）。
Polyfill：无完美 Polyfill，可通过第三方库（如 big-integer）模拟。

2. JSON 序列化

BigInt 无法直接通过 JSON.stringify() 序列化，需自定义转换：

const data = { id: 12345678901234567890n };
const json = JSON.stringify(data, (key, value) =>
  typeof value === 'bigint' ? value.toString() : value
);
// {"id":"12345678901234567890"}

3. Math 对象方法

BigInt 不支持 Math 方法（如 Math.pow()），需手动实现：

function pow(base, exponent) {
  return base ** exponent; // 使用 ** 运算符
}
pow(2n, 10n); // 1024n

4. 性能考量

内存占用：BigInt 比 Number 占用更多内存，需谨慎处理超大数值。
运算速度：BigInt 运算通常慢于 Number，高频计算时需评估性能。

六、示例代码

1. 大数计算

const maxSafe = Number.MAX_SAFE_INTEGER; // 9007199254740991
const unsafe = maxSafe + 2; // 9007199254740992（精度丢失）
const safe = BigInt(maxSafe) + 2n; // 9007199254740993n（精确）

2. 类型检测与转换

const big = 100n;
if (typeof big === 'bigint') {
  const num = Number(big); // 转换为 Number（可能丢失精度）
}

七、总结

特性	BigInt	Number
整数范围	任意精度	±(2^53 - 1)
小数支持	否	是（双精度浮点数）
运算符兼容	需与同类型运算，禁止混合	支持常规运算
内存占用	较高	较低
适用场景	大整数计算、加密、高精度ID	常规数值运算