ES6新特性之Symbol类型用法分析_网络技术_宿州市腾雀网络科技有限公司

ES6新特性之Symbol类型用法分析

发布时间 - 2026-01-11 00:27:43 点击率：次

本文实例讲述了ES6新特性之Symbol类型用法。分享给大家供大家参考，具体如下：

Symbol类型

1. 为了避免属性名的冲突，ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。

let s1 = Symbol('a');
let s2 = Symbol('a');
console.log(s1); //Symbol(a)
console.log(typeof s1); //symbol
console.log(s1 == s2); //false

2.Symbol用于属性名。

var s1 = Symbol();
var s2 = Symbol();
var s3 = Symbol();
var obj = {
  [s1]: 'hi'
};
obj[s2] = 'ES6';
Object.defineProperty(obj, s3, {
  value: 'ES2015'
});
console.log(obj); //Object {Symbol(): "hi", Symbol(): "ES6", Symbol(): "ES2015"}
console.log(obj.s1); //undefined -> 所以当用Symbol作为属性名时候，不能用.运算符访问属性
console.log(obj[s1]); //hi
console.log(obj['s1']); //undefined

注意：Symbol作为属性名，该属性不会出现在 for...in...和 for...of... 循环中，也不会被 Object.keys(), Object.getOwnPropertyNames() 返回。Object.getOwnProertySymbols()返回一个数组，成员是当前对象的所有用作属性名的symbol值。

2. Symbol.for() 接受一个字符串作为参数，然后搜索有没有以该参数作为名称的Symbol值，有就返回这个Symbol值，否则就新建并返回一个以该字符串为名称的Symbol值。

3. Symbol.keyFor()方法返回一个已经登记的Symbol类型值的key。

Symbol()方法生成一个Symbol类型时，没有登记，所以每次调用Symbol（哪怕传入相同的字符串）会返回不同的Symbol，但是Symbol.for()在生成Symbol时候进行了登记，每次再次调用时，都会先寻找是否有传入相同参数的Symbol，故只有Symbol.for()产生的Symbol才能被Symbol.keyFor()找到。

let s1 = Symbol('a');
let s2 = Symbol('a');
let s3 = Symbol.for('b');
let s4 = Symbol.for('b');
let name1 = Symbol.keyFor(s1);
let name3 = Symbol.keyFor(s3);
console.log(s1 == s2); //false
console.log(s1 == s3); //false
console.log(s2 == s3); //false
console.log(s3 == s4); //true
console.log(name1); //undefined
console.log(name3); //b

希望本文所述对大家ECMAScript程序设计有所帮助。

# ES6 # 新特性 # Symbol类型 # ES6中Symbol、Set和Map用法详解 # 详解ES6 Symbol 的用途 # Javascript ES6中数据类型Symbol的使用详解 # ES6中Symbol类型用法实例详解 # ES6概念 Symbol toString()方法 # ES6概念 Symbol.keyFor()方法 # ES6初步了解原始数据类型Symbol的用法 # 以该 # 出现在 # 给大家 # 不能用 # 为了避免 # 所述 # 程序设计 # 进行了 # 会先 # 无二 # 运算符 # 讲述了 # 新增了 # pre # color # class # console # brush # js

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：VSCode与Docker的无缝集成：容器化开发新体验

下一篇：如何在Linux中管理特殊权限位？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：VSCode与Docker的无缝集成：容器化开发新体验

下一篇：如何在Linux中管理特殊权限位？