首页 > web前端 > js教程 > ES6对象的赋值与Symbol

ES6对象的赋值与Symbol

php中世界最好的语言
发布: 2018-03-10 15:00:26
原创
1863 人浏览过

这次给大家带来ES6对象的赋值与Symbol,使用ES6对象的赋值与Symbol的注意事项有哪些,下面就是实战案例,一起来看一下。

 对象的赋值合并:

//es6语法允许变量直接为对象的赋值,快捷方便;
let liu="呵呵哒";
let long="赖皮哒";
let a={liu,long};
console.log(a) ;
//es6语法允许为对象构建key值;
let key='skill';
var obj={ [key]:'web'}
console.log(obj.skill);
//es6语法允许直接合并对象;
let s={liuliu:"wowoda",age:20};
let ss={long:"赖皮"};
let sss=Object.assign(s,ss);
console.log(sss);
//object.is()方法判断是否相等;
登录后复制

两等号判等会在比较时自动进行类型转换,而三等号不会,如果类型不同,会直接返回false,

而Object.is()则是在三等号的基础上,又特别处理了NaN、-0、+0,保证了-0和+0不再相同,

但是要注意的是Object.is(NaN, NaN)会返回true

Symbol:作为一种新的数据类型在es6横空出世: Symbol字面意思就是象征性的,代表了某个东西的唯一性;

 let myId=Symbol();
 let myname=Symbol();          
 console.log (myname)       ===>Symbol()
 typeof myname             ===>symbol
 console.log(myId===myname)        ===>false
登录后复制

可以认为 Symbol是一种类似字符串的基本数据类型;不能与其他类型运算;也不能隐式转换;

一个Symbol()可以认为在内存中创建看一个新的函数(所以说小括号是函数的标志都不会错的);

Symbol函数也可以传入参数;参数仅仅作为对本次Symbo的描述;

 let myId=Symbol("id");
 let myname=Symbol("名字");
登录后复制

就算两个Symbol的参数相同,他们也是不相等的;因为创建了一个新的内存空间;

Symbol最大的用处就是作为对象的属性,来保证唯一性;

 let system=Symbol();
 let foo={};
 foo[system]="windows";       //还可以保证key值为symbol类型的不被 for in遍历出来;
                                            //同样还证明了一点:对象的访问方式,要么以 . ;要么以["这里必须是字符串"];js的底层全部是字符串这种实现;
 console.log(foo);
登录后复制

Symbol 还可以共享一个标志;

 let sy=Symbol.for("aaa");
登录后复制

Symbol.for(" ")并不会每次都创建一个新的内存;最多只有一个;如果在页面中 aaa的标志不存在则创建一个 ,有的话直接引用以前的地址;

比如:

 let cccc=Symbol.for("aaa");
登录后复制

 那么: console.log(sy===cccc); //true;  也很容易理解;最终还是保证了某个拥有 aaa描述的Symbol类型的唯一性;

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

ES6的解构赋值详解

ES6的变量的作用域与声明详解

以上是ES6对象的赋值与Symbol的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板