本文實例講述了ES6 Symbol數據類型的應用。分享給大家供大家參考,具體如下:
Symbol,是ES6中引入的新的數據類型,表示獨一無二的值。在面向對象中,每個對象都有字符串類型的屬性,新方法的名字就有可能與現有方法產生沖突。Symbol的引入保證每個屬性的名字都是獨一無二的,這樣就從根本上防止屬性名的沖突。
ES6之前對象屬性的命名方法
var obj = { name:'Joh', 'my name': 'Johnny'}console.log(obj.name); // Johconsole.log(obj['my name']); // Johnny引入Symbol之后,變量可以不再重復
let name1 = Symbol('name');let name2 = Symbol('name');console.log(name1 === name2); // false可以看出,雖然都是調用了Symbol函數,但是返回的Symbol類型的name1和name2并不相等
將Symbol類型轉換為字符串類型
let name1 = Symbol('name');let name2 = Symbol('name');console.log(name1.toString());// Symbol(name)console.log(String(name2)); // Symbol(name)Symbol類型應用于對象的屬性
let getName = Symbol('name');let obj = { [getName]() { return 'Joh'; }}console.log(obj[getName]()); // JohSymbol類型的屬性具有一定的隱藏性
let name = Symbol('name');let obj = { age:22, [name]:'Joh'};console.log(Object.keys(obj)); // 打印不出 類型為Symbol的[name]屬性// 使用for-in也打印不出 類型為Symbol的[name]屬性for(var k in obj) { console.log(k);}// 使用 Object.getOwnPropertyNames 同樣打印不出 類型為Symbol的[name]屬性console.log(Object.getOwnPropertyNames(obj));// 使用 Object.getOwnPropertySymbols 可以var key = Object.getOwnPropertySymbols(obj)[0];console.log(obj[key]); // Joh使用Symbol類型模擬對象的私有屬性
User 模塊
'use strict';let getName = Symbol('getName');module.exports = class User { [getName]() { return 'Joh'; } print() { console.log(this[getName]()); }}測試User模塊
'use strict';const User = require('./User');let user = new User();user.print(); // Johlet getName = Symbol('getName');user[getName](); // getName is not defined 報錯, 可知 Symbol 可以在面向對象中模擬私有屬性Symbol.for 和 Symbol.keyFor的應用
let name1 = Symbol.for('name');let name2 = Symbol.for('name');console.log(name1 === name2); // trueconsole.log(Symbol.keyFor(name1)); // name 備注:字符串類型的使用Symbol.for 獲取Symbol類型的值,使用Symbol.keyFor來獲取之前的字符串
使用for-of來順序輸出數組的單項
let arr = ['a', 'b', 'c'];for(let item of arr) { console.log(item); // 順序輸出 a b c}使用Symbol.iterator迭代器來逐個返回數組的單項
|
新聞熱點
疑難解答
圖片精選