ES6中Symbol是为了防止属性名冲突而引入的,是独一无二的。Symbol值是通过Symbol函数生成。Symbol值不能与其他类型的值运算否则会报错且Symbol的值可以转换为字符串或者是布尔值但是不能转换为数值。如果你想比较两个Symbol是否全相等,请在value前面加上typeof。

var test = Symbol('hi');
var ceshi = Symbol('hi');
var a = Symbol( typeof '1' );
var b = Symbol( typeof '1' );
if( test === ceshi ){ //值不同
console.log("值相同");
}else{
console.log("值不同");
}
if( test.toString() === ceshi.toString() ){ //输出的字符串相同
console.log('输出的字符串相同');
}else{
console.log('输出的字符串不相同');
}
if ( a === b ) { //true
console.log(a===b);
}else{
console.log(a!=b);
}

  当然Symbol是可以作为属性名的,如果变量里面含相同的Symbol那么后者将覆盖前者

//第一种写法(个人推荐)
var hi = Symbol();
var a = { [hi] : 'hi' , };
var a = { [hi] : 'hello' , };
var b = { [hi] : 'hello' , };
console.log(a[hi]); //hello
console.log(b[hi]); //hello
//第二种写法
var hi = Symbol();
var a = {};
a[hi] = 'Hello!';
console.log(a[hi]); //hello
//第三种写法
var hi = Symbol();
var a = {};
Object.defineProperty(a, mySymbol, { value: 'Hello!' });
console.log(a[hi]); //hello

  Symbol.for()与Symbol()方法都会生成新的Symbol,他们的区别是前者会被登记在全局环境中供搜索,后者并不会。如果是用Symbol.for()生成的Symbol那么使用Symbol.keyFor()方法会返回一个已登记的Symbol类型值的key(意思就是Symbol.keyFor()方法找不到用Symbol生成因为他没有被登记在全局环境中!)

var test = Symbol.for('这是Symbol.for');
var ceshi = Symbol('这是Symbol');
console.log(Symbol.keyFor(test)); //这是Symbol.for
console.log(Symbol.keyFor(ceshi)); //undefined
  此外ES6还提供了11个内置的Symbol值,指向语言内部使用的方法。
  对象的Symbol.hasInstance属性指向一个内部方法,对象使用instanceof运算符时会调用这个方法,判断该对象是否为某个构造函数的实例。
    代码示例:证明x确实是Myclass的实例

class MyClass { } ;
var x = new MyClass();
console.log(x instanceof MyClass); // true
console.log(MyClass[Symbol.hasInstance](x));//true

  对象的Symbol.isConcatSpreadable属性等于一个布尔值,表示该对象使用Array.prototype.concat()时是否可以展开,为false则不允许会出现下方黄色,为true则正常展开。

let arr1 = [ 'a' , 'b' ];
let arr2 = [ '1' , '2' ];
arr2[Symbol.isConcatSpreadable] = false ;
console.log(arr1.concat( 'c' )); //[ 'a', 'b', 'c' ]
console.log(arr2.concat('3')); //[ [ '1', '2', [Symbol(Symbol.isConcatSpreadable)]: false ],'3' ]

  对象的Symbol.species属性指向对象作为构造函数创造实例时会调用这个方法如果this.constructor[Symbol.species]存在就会使用这个属性作为构造函数来创造新的示例对象。

// 扩展 Array 的构造函数
class MyArray extends Array {
static get [Symbol.species]() {
return Array;
}
}
var a = new MyArray(1,2,3);
var mapped = a.map(x => x * x);
console.log(mapped instanceof MyArray); // false
console.log(mapped instanceof Array); // true

  其他Symbol内置方法请参考https://itbilu.com/javascript/js/41apamqfe.html#symbol-species

ES6之Symbol的更多相关文章

  1. ES6(六) --- Symbol

    概述: ES5 中属性名都是字符串,这容易就造成命名的冲突,特别是在混入模式(mixin模式)下.为解决这个问题ES6 引入了Symbol, Symbol是一种新的基本数据类型,表示独一无二的值!   ...

  2. Es6(Symbol,set,map,filter)

    首先再讲这几个新东西之前,先说一个Es6中新出的扩展运算符(...) 1.展开运算符,就是把东西展开,可以用在array和object上 比如: let a=[,] let b=[,...a,]//[ ...

  3. ES6 之 Symbol

    1. 基本用法 Symbol 是ES6引入的一种新的原始数据类型,表示独一无二的值. 前六种基础数据类型是 undefined null Boolean String Number Object Sy ...

  4. JS的ES6的Symbol

    一.Symbol 1.什么是Symbol: Symbol是ES6新添加的原始类型(ES5已有原始数据类型:String,Number,boolean,function,undefined,object ...

  5. ES6的Symbol

    let s = Symbol(); alert(typeof(s)); // Symbol函数可以接受一个字符串作为参数,表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比 ...

  6. es6(9)--Symbol

    //Symbol生成一个独一无二的值,生成的值不会相等 { //声明1 let a1=Symbol(); let a2=Symbol(); console.log(a1===a2);//false / ...

  7. ES6 中 Symbol.split的用法

    class Split1 { constructor(value) { this.value = value; } [Symbol.split](string) { var index = strin ...

  8. ES6初识-Symbol

    Symbol的概念 变量是独一无二的 let a1=Symbol(); let a2=Symbol(); a1和a2严格意义不相等 let a3=Symbol.for('a3'); let a4=Sy ...

  9. ES6中的Symbol类型

    前面的话 ES5中包含5种原始类型:字符串.数字.布尔值.null和undefined.ES6引入了第6种原始类型——Symbol ES5的对象属性名都是字符串,很容易造成属性名冲突.比如,使用了一个 ...

随机推荐

  1. 图片转换base64数据上传,并且实现预览的简便方法

    对于很多新手来说,实现上传图片并且预览功能,都会感到不知所可,然后开始在网站搜索各种各样的图片上传预览插件,但是有的时候我们只是想简单的实现判断格式,以及预览的功能,使用插件的话,会使得项目的资源空间 ...

  2. IdentityServer4(10)- 添加对外部认证的支持之QQ登录

    前言 前面我们提到过IdentityServer4是可以添加外部认证的,如果外部认证支持OAuth2,那么添加到IdentityServer4是非常简单的,在ASP.NET Core下提供了非常多的外 ...

  3. ubuntu16.04安装交叉编译链

    我使用的是arm-linux-gcc 4.3.2版本,其他版本类似,附上下载链接: https://pan.baidu.com/s/1geUOfab 密码: frzy 首先我的安装包是tar.bz2的 ...

  4. vagrant扩容

    参考: https://gist.github.com/christopher-hopper/9755310 https://www.madcoder.cn/vagrant-box-resize.ht ...

  5. 为什么ERP行业发展缓慢规模难扩大?

    题记:这个行业只会越来越好,但是能沉淀下来做事儿的企业越来越少,因为收益真的很漫长:能够真正进入这个行业难,出去也难... 经常在知乎上看到类似的问题:既然所有ERP系统都很烂,那有没有创业公司的空间 ...

  6. JS获取URL参数的值

    function getQueryValue (key) { const reg = new RegExp('(^|&)' + key + '=([^&]*)(&|$)', ' ...

  7. 对于Hibernate的底层浅谈

    哇,我发现忙起来真的是没有时间来写,最近在学框架,感觉特别有兴趣,对于框架的感激就是又恨又爱的感觉,hibernate,没有研究太深,模拟的写了一点底层的实现,其实就是发射吧,我没有追踪源码去看,就是 ...

  8. THinkPHP的认识

    四中路由方式:http://网址/index.php?m=分组&c=控制器&a=操作方法(但是这个不安全,不推荐使用)http://网址/index.php/分组/控制器/操作方法(默 ...

  9. memcache 启动 储存原理 集群

    一. windows下安装启动 首先将memcache的bin目录加入到Path环境变量中,方便后面使用命令: 然后执行 memcached –dinstall 命令安装memcache的服务: 然后 ...

  10. CentOS6 图形界面(gnome)安装,使用vnc进行远程连接

    CentOS6相对于CentOS5的安装有了不少的进步,有不少默认的选项可以选择,如: Desktop :基本的桌面系统,包括常用的桌面软件,如文档查看工具. Minimal Desktop :基本的 ...