国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

ES6 Symbol數據類型的應用實例分析

2024-05-06 15:37:26
字體:
來源:轉載
供稿:網友

本文實例講述了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]()); // Joh

Symbol類型的屬性具有一定的隱藏性

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迭代器來逐個返回數組的單項

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 花莲县| 许昌县| 藁城市| 赤水市| 西峡县| 武定县| 盐城市| 化州市| 竹溪县| 剑川县| 汽车| 苏尼特右旗| 宁武县| 定边县| 平舆县| 惠水县| 阿拉善右旗| 贺州市| 阿巴嘎旗| 江西省| 哈密市| 佛山市| 文登市| 南丹县| 藁城市| 邵东县| 庆云县| 南华县| 平泉县| 石渠县| 高台县| 嵊泗县| 林州市| 北流市| 迁西县| 科技| 常山县| 锦屏县| 鄂州市| 兴仁县| 三明市|