在迭代器章节的时候出现过[Symbol.iterator ]的属性,那么到底Symbo到底是什么?

答:Symbol是ES6新定义的一种值,它既不是字符串,也不是对象,而是为javaScript增加的第七种基本类型,可以作为一个属性,多用来修复与旧代码命名冲突的问题。

typeof Symbol()
//"symbol"

创建一个Symbol有三种方法:

  • 调用Symbol(),这种方式每一次调用都会返回一个新的唯一的symbol。
  • 调用Symbol.for(string),这种方式会把创建的symbol放入一个symbol注册表,如果已经存在了该symbol就会返回相同的值,这样可在不同的页面共享一个Symbol。
  • 使用标准定义的Symbol,例如Symbol.iterator 。
因为不是一个对象,所以不需要使用new来创建
var s1 = Symbol("dog"); //dog称作描述符,可以用console.log().或者.toString()方法打印出来,主要用于调试
var s2 = Symbol("dog");
console.log(s1 == s2); //false
var s3 = Symbol.for("dog");
console.log(s3 == s1); //false
var s4 = Symbol.for("dog");
console.log(s3 == s4); //true

Symbol可以作为属性的键,但是只能用[]访问,不能用.访问。

var s1 = Symbol("dog");
// 方式一
var obj = {};
obj[s1] = "dog";
obj.s1 = "dog"; //error // 方式二
var obj = {
[s1]: "dog"
}

如果已经知道了一个symbol,那么可以访问它或者删除它

var s1 = Symbol("dog");
var obj = {};
obj[s1] = "dog";
// 判断是否存在
if(s1 in obj)
// 删除
delete obj[s1]

但是常见的对象检测会忽略symbol键,例如 for-in循环,Object.keys(obj),Object.getOwnPropertyNames(obj);这就有点像java中的private一样,但是我们可以通过Object.getOwnPropertySymbols(obj)列出对象的所有symbol键。Reflect.ownKeys(obj)返回所有的字符串键和Symbol键,所以也不是完全私有的。


另外,symbol具有弱封装机制,只在当前作用域中有效,所以我们可以在一个模块或者一个闭包中创建一个symbol,而无需担心与其他模块冲突
var obj = (function(){
var s1 = Symbol("dog");
var obj = {};
obj[s1] = "dog";
console.log(obj[s1]);//dog
return obj;
})();
console.log(obj[s1]); //undefined

这样除了使用 Object.getOwnPropertySymbols() 之外我们无法在外部访问到s1这个Symbol


symbol和其他基本类型不一样,不会自动转换为字符串类型,所以不要用+来拼接symbol,所以尽量不要使用symbol做任何的运算
var s1 = Symbol("dog");
console.log("cat" + s1);//TypeError: can't convert symbol to string
console(123 - s1); //TypeError: can't convert symbol to number

以上就是Symbol的基本内容。



ES6新特性之Symbol使用细节的更多相关文章

  1. ES6 新特性之Symbol

    Symbol let s1 = Symbol('foo'); let s2 = Symbol('bar'); s1 // Symbol(foo) s2 // Symbol(bar) s1.toStri ...

  2. 前端入门21-JavaScript的ES6新特性

    声明 本篇内容全部摘自阮一峰的:ECMAScript 6 入门 阮一峰的这本书,我个人觉得写得挺好的,不管是描述方面,还是例子,都讲得挺通俗易懂,每个新特性基本都还会跟 ES5 旧标准做比较,说明为什 ...

  3. ES6新特性概览

    本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...

  4. ES6新特性简介

    ES6新特性简介 环境安装 npm install -g babel npm install -g babel-node //提供基于node的REPL环境 //创建 .babelrc 文件 {&qu ...

  5. 轻松学会ES6新特性之生成器

    生成器虽然是ES6最具魔性的新特性,但也是最难懂得的一节,笔者写了大量的实例来具体化这种抽象的概念,能够让人一看就懂,目的是希望别人不要重复或者减少笔者学习生成器的痛苦经历. 在说具体的ES6生成器之 ...

  6. 你不知道的JavaScript--Item24 ES6新特性概览

    ES6新特性概览 本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代 ...

  7. ES6新特性概览1

    本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...

  8. ES2015 (ES6) 新特性: 20 个

    ES2015 (ES6) 新特性 http://babeljs.io/docs/learn-es2015/ Learn ES2015 A detailed overview of ECMAScript ...

  9. ES6新特性之模板字符串

    ES6新特性概览  http://www.cnblogs.com/Wayou/p/es6_new_features.html 深入浅出ES6(四):模板字符串   http://www.infoq.c ...

随机推荐

  1. Hibernate关系映射之many-to-many

    1.建表 2.创建实体类及映射文件 Student.java类 public class Student implements java.io.Serializable { // Fields pri ...

  2. Failed to start component [StandardEngine[Catalina].StandardHost[localhost].StandardContext[/***]]

    问题描述:Tomcat容器和Eclipse启动运行时候报错 Failed to start component [StandardEngine[Catalina].StandardHost[local ...

  3. 基本的maven的命令行命令

    1.创建简单的maven 的web项目 mvn archetype:create 举例:mvn archetype:create -DgroupId=com.demo.app -DartifactId ...

  4. angular之表单验证与ngMessages

    刚接触angular1.x很多经常用到的ngMessages的地方,这里顺便记一下,效果如下图: 如果引用了angular-messages.js报如下错误,说明你的angular.js和angula ...

  5. WebSocket部署服务器外网无法连接解决方案

    首先要说的是我遇见的问题: WebSocket connection to 'ws://www.xxxx.com/xxx/xx' failed: Error during WebSocket hand ...

  6. 研磨SpringCloud系列(一)第一个Spring Boot应用

    在此之前,给大家推荐几个东西. STS,Spring官方基于eclipse做的扩展ide.Spring官方背书. 第二个,lombok,注解生成get/set,构造以及基本方法的插件,"隐藏 ...

  7. LINUX通过PXE自动部署系统

    原理介绍 TFTP(Trivial File Transfer Protocol,简单文件传输协议)是TCP/IP 协议族中的一个用来在客户机与服务器之间进行简单文件传输的协议,提供不复杂.开销不大的 ...

  8. append、extend与insert的区别

    最近在自学Python语言,看到向列表增加更多数据时被append(),extend(),insert()方法绕晕了. 作为编程0基础的小白,觉得有必要自己再梳理一遍: 1.append()方法是指在 ...

  9. 利用工具爬取网站所有的html和js文件

    例图: 该工具下载地址为:http://www.tenmax.com/teleport/ultra/download.htm

  10. ZOJ2150 Raising Modulo Numbers 快速幂

    ZOJ2150 快速幂,但是用递归式的好像会栈溢出. #include<cstdio> #include<cstdlib> #include<iostream> # ...