首页 >web前端 >前端问答 >es6中symbol到底是什么

es6中symbol到底是什么

WBOY
WBOY原创
2022-03-30 14:15:072728浏览

es6中的symbol是一种新的原始数据类型,用于表示独一无二的值,最大的用法是用来定义对象的唯一属性名;因为Symbol是原始数据类型,不是对象,所以Symbol函数栈不能用new命令。

es6中symbol到底是什么

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6中symbol到底是什么

ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。

ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ,还新增了 Symbol 。

基本用法

Symbol 函数栈不能用 new 命令,因为 Symbol 是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。

let sy = Symbol("KK");
console.log(sy);   // Symbol(KK)
typeof(sy);        // "symbol"
 
// 相同参数 Symbol() 返回的值不相等
let sy1 = Symbol("kk"); 
sy === sy1;       // false

参数特点

Symbol的参数一般会存放一个字符串 用来标识不同的值,如果Symbol的参数是一个对象,那么就会调用该对象的toString方法,将其转换成字符串,然后在生成一个Symbol值。

var s1 = Symbol('id1');
var s2 = Symbol('id1');
console.log(s1 == s2);//false
var s3 = Symbol({});
console.log(s3);//Symbol([object Object])

Symbol里面的参数是表示当前这个Symbol值的描述,即便参数相同这两个Symbol值也不会相同。

用法及特点

Symbol 作为对象属性名时不能用.运算符,要用方括号。因为.运算符后面是字符串,所以取到的是字符串 sy 属性,而不是 Symbol 值 sy 属性。

let syObject = {};
syObject[sy] = "kk";
syObject[sy];  // "kk"
syObject.sy;   // undefined

【相关推荐:javascript视频教程web前端

以上是es6中symbol到底是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn