万象更新 Html5 - es6 基础: symbol

源码 https://github.com/webabcd/Html5
作者 webabcd

万象更新 Html5 - es6 基础: symbol

示例如下:

es6\src\basic\symbol.js

// Symbol() 是一个全局函数,返回一个唯一的 Symbol 值
const a = Symbol();
const b = Symbol();
const c = Symbol("description");
const d = Symbol("description");
console.log(a === b, c == d); // false false


// Symbol.for() - 获取指定 key 的 Symbol 值,如果没有就创建一个
const e = Symbol.for("key")
const f = Symbol.for("key")
// Symbol.keyFor() - 获取指定的由 Symbol.for() 返回的 Symbol 值的 key
let g = Symbol.keyFor(e);
console.log(e === f, g); // true "key"


// Symbol 的应用场景
// Symbol 主要用于解决 JavaScript 中对象属性名可能冲突的问题,保证属性名的唯一性
// 不用 Symbol 的话当多个模块尝试在同一个对象上添加相同名称的属性时,后者会覆盖前者,Symbol 的引入解决了这一问题,因为每个 Symbol 值都是独一无二的

源码 https://github.com/webabcd/Html5
作者 webabcd

posted @ 2024-09-24 11:19  webabcd  阅读(3)  评论(0编辑  收藏  举报