ES6之Symbol
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
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的更多相关文章
- ES6(六) --- Symbol
概述: ES5 中属性名都是字符串,这容易就造成命名的冲突,特别是在混入模式(mixin模式)下.为解决这个问题ES6 引入了Symbol, Symbol是一种新的基本数据类型,表示独一无二的值! ...
- Es6(Symbol,set,map,filter)
首先再讲这几个新东西之前,先说一个Es6中新出的扩展运算符(...) 1.展开运算符,就是把东西展开,可以用在array和object上 比如: let a=[,] let b=[,...a,]//[ ...
- ES6 之 Symbol
1. 基本用法 Symbol 是ES6引入的一种新的原始数据类型,表示独一无二的值. 前六种基础数据类型是 undefined null Boolean String Number Object Sy ...
- JS的ES6的Symbol
一.Symbol 1.什么是Symbol: Symbol是ES6新添加的原始类型(ES5已有原始数据类型:String,Number,boolean,function,undefined,object ...
- ES6的Symbol
let s = Symbol(); alert(typeof(s)); // Symbol函数可以接受一个字符串作为参数,表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比 ...
- es6(9)--Symbol
//Symbol生成一个独一无二的值,生成的值不会相等 { //声明1 let a1=Symbol(); let a2=Symbol(); console.log(a1===a2);//false / ...
- ES6 中 Symbol.split的用法
class Split1 { constructor(value) { this.value = value; } [Symbol.split](string) { var index = strin ...
- ES6初识-Symbol
Symbol的概念 变量是独一无二的 let a1=Symbol(); let a2=Symbol(); a1和a2严格意义不相等 let a3=Symbol.for('a3'); let a4=Sy ...
- ES6中的Symbol类型
前面的话 ES5中包含5种原始类型:字符串.数字.布尔值.null和undefined.ES6引入了第6种原始类型——Symbol ES5的对象属性名都是字符串,很容易造成属性名冲突.比如,使用了一个 ...
随机推荐
- Python argparse模块实现模拟 linux 的ls命令
python 模拟linux的 ls 命令 sample: python custom_ls.py -alh c:/ 选项: -a ,--all 显示所有文件,包括'.'开头的隐藏文件 -l 列表显 ...
- Luogu P1073 最优贸易
题目描述 C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市.任意两个城市之间最多只有一条道路直接相连.这 m 条道路中有一部分为单向通行的道路,一部分为双向通行的道路,双 ...
- 十四、Hadoop学习笔记————Zookeeper概述与基本概念
顺序一致性:严格按照顺序在zookeeper上执行 原子性:所有事物请求的结果,在整个集群的应用情况一致 单一视图:无论从哪个服务器进入集群,看到的东西都是一致的 可靠性:服务端成功响应后,状态会 一 ...
- RibbonForm使用技巧
Ribbon右侧显示Logo 方法 重写RibbonControl的Paint事件 效果 代码 private void _ribbonControl_Paint(object sender, Pai ...
- # WPF动画速率效果
在WPF中使用动画的情况非常多,而要让动画变得生动往往要使用一些变速动画,WPF也内置了很方便的缓动函数来实现这一功能. 除此之外,WPF还有关键帧动画,利用关键帧动画能够很好的控制动画的细节,与美工 ...
- SQL Count(*)函数,GROUP_By,Having的联合使用
COUNT(*) 函数返回在给定的选择中被选的行数. 语法:SELECT COUNT(*) FROM table 使用:现在有一个表,名叫app_category,从Navicat中可以看到表中 ...
- mysql 系统性浅聊 myisam 存储引擎【原创】
>>思维导图 >>介绍 mysql中的存储引擎都是以插件的形式存在,目前用的最多存储引擎就是innodb和myisam.MySQL5.5.5以后(包括5.5.5)默认使用Inn ...
- 关于promise的详细讲解
到处是回调函数,代码非常臃肿难看, Promise 主要用来解决这种编程方式, 将某些代码封装于内部. Promise 直译为"承诺",但一般直接称为 Promise; 代码的可读 ...
- List<Object>中,以Object的某一属性值为参照进行排序,选取最大记录的解决办法
一.场景:java web, 在一列表中选取一条记录,该记录的某一个属性值在此List中为最大值: List的格式为List<Object>,其中Object为定义的Vo或者Po类,其中包 ...
- dock使用方法
Docker 是一个开源项目,为开发者和系统管理员提供了一个开放的平台,在任何地方通过打包和运行应用程序作为一个轻量级的容器.Docker 在软件容器内自动部署应用程序.Docker 最开始由 Sol ...