這篇文章帶給大家的內容是關於ES6的Symbol的用法詳解(附程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
1、Symbol是ES6新增的資料型,它提供獨一無二的值
{ // 声明,Symbol声明的变量是唯一的 let a1 = Symbol(); let a2 = Symbol(); console.log(a1 === a2); // false // Symbol.for()接收一个参数,作为key值 // 使用for方法时,会检查这个key值在全局是否注册 // 如果注册过就返回这个值,否则调用Symbol生成新的独一无二的值 let a3 = Symbol.for('a3'); let a4 = Symbol.for('a3'); console.log(a3 === a4); // true }
2.在物件中宣告Symbol類型的屬性
{ let a1 = Symbol.for('abc'); let obj = { [a1]: '123', 'abc': '345', 'df': '456', }; console.log(obj); // {abc: "345", df: "456", Symbol(abc): "123"} }
3.Symbol的遍歷
{ let a1 = Symbol.for('abc'); let obj = { [a1]: '123', 'abc': 345, 'df': 456, }; // let of(或者for in)循环拿不到 以Symbol作为属性的值 for (let key of Object.keys(obj)) { console.log(key); // abc df } // 只拿到以Symbol作为属性的值,getOwnPropertySymbols返回一个数组 Object.getOwnPropertySymbols(obj).forEach(function (item) { console.log(obj[item]); // 123 }); // 对象全部属性和值都拿到,包括Symbol。Reflect.ownKeys返回一个数组 Reflect.ownKeys(obj).forEach(function (item) { console.log(item, obj[item]); // abc 345 df 456 Symbol(abc) "123" }); }
以上是ES6的Symbol的用法詳解(附代號)的詳細內容。更多資訊請關注PHP中文網其他相關文章!