详解JavaScript原始数据类型Symbol
简介
创建symbol变量最简单的方法是用Symbol()函数。sysmbol变量有两点比较特别
1.它可以作为对象属性名。只有字符串和 symbol 类型才能用作对象属性名。
2.没有两个symbol 的值是相等的。
const symbol1 = Symbol(); const symbol2 = Symbol(); symbol1 === symbol2; // false const obj = {}; obj[symbol1] = 'Hello'; obj[symbol2] = 'World'; obj[symbol1]; // 'Hello' obj[symbol2]; // 'World'
尽管调用Symbol()让它看起来像是对象,实际上symbol是 JavaScript 原始数据类型。把Symbol当作构造函数来用new会报错。
const symbol1 = Symbol(); typeof symbol1; // 'symbol' symbol1 instanceof Object; // false // Throws "TypeError: Symbol is not a constructor" new Symbol();
描述信息
Symbol()函数只有一个参数,字符串description。这个字符串参数的唯一作用是辅助调试,也就是它的toString()值。请注意,两个具有相同description的symbol也是不相等的。
const symbol1 = Symbol('my symbol'); const symbol2 = Symbol('my symbol'); symbol1 === symbol2; // false console.log(symbol1); // 'Symbol(my symbol)'
有一个全局的symbol注册中心,用Symbol.for()创建的symbol会添加到这个注册中心,并用它的description作为索引键。也就是说,如果你用Symbol.for()创建带有相同description的两个 symbol,它们就是相等的。
const symbol1 = Symbol.for('test'); const symbol2 = Symbol.for('test'); symbol1 === symbol2; // true console.log(symbol1); // 'Symbol(test)'
通常来说,除非你有非常好的理由,否则不应该使用全局注册中心,因为这会造成命名冲突。
命名冲突
JavaScript 内置了一个 symbol ,那就是 ES6 中的Symbol.iterator。拥有Symbol.iterator函数的对象被称为可迭代对象,就是说你可以在对象上使用for/of循环。
const fibonai = { [Symbol.iterator]: function() { let a = 1; let b = 1; let temp; yield b; while (true) { temp = a; a = a + b; b = temp; yield b; } } }; // Prints every Fibonai number less than 100 for (const x of fibonai) { if (x >= 100) { break; } console.log(x); }
为什么这里要用Symbol.iterator而不是字符串?假设不用Symbol.iterator,可迭代对象需要有一个字符串属性名'iterator',就像狼蚁网站SEO优化这个可迭代对象的类
class MyClass { constructor(obj) { Object.assign(this, obj); } iterator() { const keys = Object.keys(this); let i = 0; return (function() { if (i >= keys.length) { return; } yield keys[i++]; })(); } }
MyClass的实例是可迭代对象,可以遍历对象上面的属性。上面的类有个潜在的缺陷,假设有个恶意用户给MyClass构造函数传了一个带有iterator属性的对象
const obj = new MyClass({ iterator: 'not a function' });
这样你在obj上使用for/of的话,JavaScript 会抛出TypeError: obj is not iterable异常。可以看出,传入对象的iterator函数覆盖了类的iterator属性。这有点类似原型污染的安全问题,无脑复制用户数据会对一些特殊属性,比如__proto__和constructor带来问题。
这里的核心在于,symbol让对象的内部数据和用户数据井水不犯河水。由于sysmbol无法在 JSON 里表示,不用担心给 Express API 传入带有不合适的Symbol.iterator属性的数据。,对于那种混合了内置函数和用户数据的对象,比如Mongoose model,你可以用symbol来确保用户数据不会跟内置属性冲突。
私有属性
由于任何两个symbol都是不相等的,在 JavaScript 里可以很方便地用来模拟私有属性。symbol不会出现在Object.keys()的结果中,除非你明确地export一个symbol,或者用Object.getOwnPropertySymbols()函数获取,否则其他代码无法访问这个属性。
function getObj() { const symbol = Symbol('test'); const obj = {}; obj[symbol] = 'test'; return obj; } const obj = getObj(); Object.keys(obj); // [] // 除非有这个 symbol 的引用,否则无法访问该属性 obj[Symbol('test')]; // undefined // 用 getOwnPropertySymbols() 依然可以拿到 symbol 的引用 const [symbol] = Object.getOwnPropertySymbols(obj); obj[symbol]; // 'test'
还有一个原因是symbol不会出现在JSON.stringify()的结果里,确切地说是JSON.stringify()会忽略symbol属性名和属性值
const symbol = Symbol('test'); const obj = { [symbol]: 'test', test: symbol }; JSON.stringify(obj); // "{}"
用 Symbol 表示对象内部状态,可以很好地隔离用户数据和程序状态。有了它,我们就不再需要某些命名约定了,比如内部属性用'$'开头。下次碰到需要定义私有属性的时候,试试Symbol类型吧!
以上就是详解JavaScript原始数据类型Symbol的详细内容,更多关于JavaScript原始数据类型Symbo的资料请关注狼蚁SEO其它相关文章!
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程