JavaScript中的symbol对象

var s1 = Symbol('a');
var s2 = Symbol('a');
var s3 = Symbol.for('b');//找不到key=b的symbol,新创建一个key为b的symbol
var s4 = Symbol.for('b'); //找到s3刚创建的symbol
console.log(typeof s1);...①
//typeof s1 = 'symbol'  symbol为es6新增类型
console.log(s1==s2); ...②
//symbol类型每个都是独一无二的
console.log(s3==s4); ...③
//s3,s4的key都是b，都找到同一个symbol，true

注意：
Symbol.keyFor()在全局注册表中找，而Symbol（）创建的不会放在全局注册表中，每次都是新建，
Symbol（）是在全局注册表中搜索搜索到返回搜索不到新建之后放在全局注册表中

四、原型

4.1 实例属性

所有 Symbols 继承自 Symbol.prototype (en-US).

一个只读的字符串，意为对该 Symbol 对象的描述

4.2 实例方法

Symbol.prototype.toSource

返回该 Symbol 对象的源代码。该方法重写了 Object.prototype.toSource 方法

Symbol.prototype.toString

返回一个包含着该 Symbol 对象描述的字符串。该方法重写了 Object.prototype.toString 方法

Symbol.prototype.valueOf

返回该 Symbol 对象。该方法重写了 Symbol.prototype.valueOf 方法

Symbol.prototype[@@toPrimitive]

返回该 Symbol 对象。

五、示例

5.1对symbol对象使用 typeof 运算符

typeof 运算符能帮助你识别 symbol 类型

typeof Symbol() === 'symbol'
typeof Symbol('foo') === 'symbol'
typeof Symbol.iterator === 'symbol'

5.2 symbol类型转换

当使用 symbol 值进行类型转换时需要注意一些事情：

尝试将一个 symbol 值转换为一个 number 值时，会抛出一个 TypeError 错误 (e.g. +sym or sym | 0).
使用宽松相等时， Object(sym) == sym returns true.
这会阻止你从一个 symbol 值隐式地创建一个新的 string 类型的属性名。例如，Symbol("foo") + "bar" 将抛出一个 TypeError (can't convert symbol to string).
"safer" String(sym) conversion 的作用会像symbol类型调用 Symbol.prototype.toString() 一样，但是注意 new String(sym) 将抛出异常。

5.3 symbol 与 for...in 迭代

Symbols 在 for...in 迭代中不可枚举。另外，Object.getOwnPropertyNames() 不会返回 symbol 对象的属性，但是你能使用 Object.getOwnPropertySymbols() 得到它们。

var obj = {};

obj[Symbol("a")] = "a";
obj[Symbol.for("b")] = "b";
obj["c"] = "c";
obj.d = "d";

for (var i in obj) {
   console.log(i); // logs "c" and "d"
}

5.4 symbol 与 JSON.stringify（）

当使用 JSON.stringify() 时，以 symbol 值作为键的属性会被完全忽略：

JSON.stringify({[Symbol("foo")]: "foo"});
// '{}'

更多细节可以查看 JSON.stringify文档

5.5 symbol 包装器对象作为属性的键

当一个 Symbol 包装器对象作为一个属性的键时，这个对象将被强制转换为它包装过的 symbol 值：

var sym = Symbol("foo");
var obj = {[sym]: 1};
obj[sym];            // 1
obj[Object(sym)];    // still 1

总结：
以上就是今天要讲的内容，本文简单介绍了symbol的相关内容。需要详细学习可参考下方链接

参考：Symbol - JavaScript | MDN (mozilla.org)

本人是初入前端的小菜鸟，文章如有错误，恳请大家提出问题，本人不胜感激

文章对大家有帮助的话，希望大家能动动手点赞鼓励，未来一起努力长路漫漫，道阻且长

转载请注明出处：https://blog.youkuaiyun.com/qq_52855464/article/details/124363241