ES6 新增基本数据类型Symbol

  ES6 增加了一个新的基本数据类型 symbol. 不过,和其他基本数据类型相比,它有点与众不同,因为它没有字面量的表现形式,而且创建的方式也有点奇怪,只能通过调用全局函数Symbol()来完成。

let firstSymbol = Symbol();

   这里注意一点,Symbol函数调用的时候,前面不要加new. 创建了一个symbol, 它有什么作用呢? 可以把它看作一个类字符串,和字符串的使用方式一致,字符串能用的地方,symbol 基本都能用,最常用的地方就是作为对象的属性名使用,因为,symbol创建的起因是一项对象的私有属性的提议,落实到规范中,私有属性去除掉了,对象的属性保留下来了

let firstSymbol = Symbol();

let person = {
    [firstSymbol]: ‘symbolName‘
}

let dog = {};
dog[firstSymbol] = "sybolName"

  你可能会问,字符串都能解决的事情,为什么要创建symbol 呢? 因为symbol 是唯一的,它和任何其他symbol 都不相等,避免了属性名的冲突。

let firstSymbol = Symbol();
let secondSymbol = Symbol();
console.log(firstSymbol == secondSymbol) // false

  这么调用Symbol() 函数也有问题,就是程序出问题, 进行debugger 的时候,不是很容易找到哪个symbol  出现的问题,所以Symbol  函数可以接受一个字符串, 对这个symbol 进行描述。

let firstSymbol = Symbol(‘first symbol‘);
let secondSymbol = Symbol(‘second symbol‘);
console.log(secondSymbol) //Symbol(second symbol)

  symbol的描述存在于每一个symbol 的内部属性 [[Description]] 中,外部是无法获取的,不过,可以通过显示或隐式调用toString() 方法来获取, console.log 就是通过隐式调用toString 方法来获取描述的。

  但是有时候,你不想要这种唯一性, 可能所有的对象都共用一个symbol 属性, 这怎么办? 在一个文件js中,很好处理,所有的对象都使用这一个symbol  变量就可以了,但跨文件就不好处理了,尤其是提倡模块化的今天,每一个文件都是一个模块,都有自己的私有作用域。在这种情况下,就要使用共享symbol 了,创建symbol 变量的时候,使用Symbol.for() 方法,参数是一个字符串, 可以理解为共享标识id.

let uid = Symbol.for(‘uid‘);

原文地址:https://www.cnblogs.com/SamWeb/p/10686811.html

时间: 2024-08-25 21:54:50

ES6 新增基本数据类型Symbol的相关文章

ES6 新增的一些特性

1. let关键字 (1)基本用法:let关键字用来声明变量,它的用法类似于var,都是用来声明变量. (2)块级作用域:let声明的变量,只在let关键字所在的代码块内有效. { var a = 10; let b = 10; } console.log(a); //10 console.log(b); //error: b is not defined var c = 10; { var c = 20; } console.log(c); //20 var d = 10; { let d =

ES6新增的一些特性

1.let关键字,用来代替 var的关键字,特点: 1.变量不允许被重复定义 2.不会进行变量声明提升 3.保留块级作用域中i的 2.const定义常量,特点:1.常量值不允许被改变 2.不会进行变量声明提升 3.箭头函数 与普通函数的区别:1.书写上用=>代替了function 2.普通函数的this指向window 而ES6箭头函数里面的this指向定义时的那个对象 而不是运行时的那个对象 //普通函数var test = function(x){ return x+2; } 使用箭头函数:

es6新增的api

从值的转换到数学计算,ES6给各种内建原生类型和对象增加了许多静态属性和方法来辅助这些常见任务.另外,一些原生类型的实例通过各种新的原型方法获得了新的能力. 注意: 大多数这些特性都可以被忠实地填补.我们不会在这里深入这样的细节,但是关于兼容标准的shim/填补,你可以看一下"ES6 Shim"(https://github.com/paulmillr/es6-shim/). Array 在JS中被各种用户库扩展得最多的特性之一就是数组类型.ES6在数组上增加许多静态的和原型(实例)的

【ES6新增语法详述】 𳞰

目录 1. 变量的定义 let const 2. 模版字符串 3. 数据解构 4. 函数扩展 设置默认值 箭头函数 5. 类的定义 class 6. 对象的单体模式 原文: http://blog.gqylpy.com/gqy/275 "@ ES6新增了关于变量的定义,函数扩展,数据结构,类,模块等概念,本文将详细介绍常用的ES6语法. *** 1. 变量的定义 let ES6中新增了let语法,用来声明变量,用法类似var. ==let定义的变量只在当前代码块内有效.== 如下示例: <

JavaScript数据类型 - Symbol

ES5:对象的属性名只能是字符串,当给对象添加新属性时,很容易造成属性名冲突,从而覆盖了原有的属性. ES6:所以ES6中引入了symbol数据类型,他表示独一无二的值,避免了属性名的冲突,此时对象的属性名可由字符串类型或者symbol类型来定义. symbol是一种基本数据类型,通过Symbol()函数来返回symbol类型的值,具有唯一性. 语法:Symbol([description]) 参数:description可选,字符串类型,表示对symbol的描述,调试时更容易区分. 一.作为普

ES6新增语法总结

Array.prototype.keys():返回以索引值为遍历器的对象 1.Let 和 Const 在ES6以前,JS只有var一种声明方式,但是在ES6之后,就多了let跟const这两种方式.用var定义的变量没有块级作用域的概念,而let跟const则会有,因为这三个关键字创建是不一样的   var let const 变量提升 + - - 全局变量 + - - 重复赋值 + + - 重复声明 + - - 暂时死区 - + + 块作用域 - + + 只声明不赋值 + + - 2.类(Cl

ES6新增—新增循环、箭头函数

5.新增循环: 以前for循环,for in循环 ES6新增循环: for of 循环:遍历(迭代,循环)整个对象,变现类似于for in 循环 两者的区别: for in循环:既可以循环数组,又可以循环json 循环数组:i代表数组的索引 var arr1=['apple','banana','appel','orange']; for(var i in arr1){ console.log(i); //0,1,2,3 } 循环json:name代表json的索引 var json=[a:'a

es6新增的数组方法和对象

es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,map let arr=[1,2,3,4,3,2,1,2]; 遍历数组最简洁直接的方法法 for (let value of arr) { console.log(value);//输出1,2,3,4,3,2,1,2 } 1. 数组.map() 返回一个新的数组,es5要复制一个新的数组我们一般用循环,现在直接用map let arr=[1,2,3,4,3,2,1,2]; let newArr=arr.map((va

ES6新增的 Set 和 WeakSet

什么是Set结构 Set是ES6给开发者带来的一种新的数据结构,你可以理解为值的集合.我们平时见到的数组Array也是一种数据结构,但是Set跟其他数据结构不同的地方就在于:它的值不会有重复项. 基本用法 我们从最基本的学起,Set的用法: 1 var s = new Set(); 2 console.log(s); 3 //打印结果:Set {} Set本身是一个构造函数,你可以理解为一个类,使用的时候需要用new来创建一个实例.以上的案例就是这样创建出一个Set结构,我们打印出来看看,控制台