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

建立网站目录的时候十大职业资格培训机构

wzjs 2025/7/28 7:47:16

建立网站目录的时候,十大职业资格培训机构,中山建设信息网站,wordpress变微软雅黑1. 什么是Symbol？ Symbol是ES6引入的一种新的原始数据类型，表示独一无二的值，它是JavaScript中的第七种数据类型。 2. 创建Symbol // 创建一个Symbol const sym1 Symbol(); const sym2 Symbol(description); // 可以添加描述console.log…

1. 什么是Symbol？

Symbol是ES6引入的一种新的原始数据类型，表示独一无二的值，它是JavaScript中的第七种数据类型。

2. 创建Symbol

// 创建一个Symbol
const sym1 = Symbol();
const sym2 = Symbol('description'); // 可以添加描述console.log(typeof sym1);     // "symbol"
console.log(sym2.toString()); // "Symbol(description)"

3. Symbol的特性

1. 唯一性，每个Symbol都是唯一的，即使描述相同；

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

2. 不可枚举性，Symbol属性不会出现在for循环中，也不会被Object.keys()、Object.getOwnPropertyNames()返回；

const obj = {[Symbol('key')]: 'value',normalKey: 'normalValue'
};console.log(Object.keys(obj)); // ["normalKey"]

3. 不可强制转换，Symbol不能与其他类型的值进行运算；

const sym = Symbol('test');
console.log(sym + 'string'); 
// TypeError: Cannot convert a Symbol value to a string

4. Symbol的使用场景

1. 作为对象属性，防止属性名冲突，适合定义对象私有属性；

const NAME = Symbol('name');
const AGE = Symbol('age');const person = {[NAME]: '张三',[AGE]: 25,job: '工程师'
};console.log(person[NAME]); // "张三"

2. 定义常量，确保常量值唯一；

const LOG_LEVEL = {DEBUG: Symbol("debug"),INFO: Symbol("info"),WARN: Symbol("warn"),ERROR: Symbol("error"),
};function log(message, level) {switch (level) {case LOG_LEVEL.DEBUG:console.debug(message);break;case LOG_LEVEL.ERROR:console.error(message);break;// ...}
}

3. 实现类的私有成员，用于模拟私有属性/方法；

const _items = Symbol("stackItems");class Stack {constructor() {this[_items] = [];}push(item) {this[_items].push(item);}pop() {return this[_items].pop();}
}const stack = new Stack();
stack.push(1);
console.log(stack._items); // undefined

4. 定义Well-known Symbols

JavaScript内置了一些Symbol值，称为Well-known Symbols，用于改变语言内部行为。

// 自定义对象的迭代行为
const myIterable = {[Symbol.iterator]: function* () {yield 1;yield 2;yield 3;},
};console.log([...myIterable]); // [1, 2, 3]// 自定义对象的toString标签
class MyClass {get [Symbol.toStringTag]() {return "MyClass";}
}console.log(new MyClass().toString()); // "[object MyClass]"

5. 全局Symbol注册表

可以通过Symbol.for()和Symbol.keyFor()在全局Symbol注册表中创建和查找Symbol。

// 从全局注册表中获取Symbol，不存在则创建
const globalSym1 = Symbol.for('global');
const globalSym2 = Symbol.for('global');console.log(globalSym1 === globalSym2); // true// 获取Symbol的key
console.log(Symbol.keyFor(globalSym1)); // "global"