对象不是类生成的对象,指的是Object这个对象;
1.新增特性
- 简洁表示法
- 属性表达式
- 扩展运算符
- Object新增方法
2.简洁表示法
{
//简洁表示法
let o =1;
let k =2;
//ES5:声明一个简易的Object对象
var es5 = {
o:o,
k:k
};
//ES6
let es6 ={
o,
k
};
console.log(es5,es6); //Object{k:2,o:1} Object{k:2,o:1}
//ES5:对象中有方法
let es5_method ={
hello:function(){
console.log('Hello');
}
};
//ES6:对象中方法
let es6_method = {
hello(){
console.log('Hello');
}
};
console.log(es5_method.hello(),es6_method.hello()): //Hello Hello
}
3.属性表达式
应用:生成一个对象,而这个key值因为另一个变量来不同做变化的,这种就可以实现这种对变量的依赖;
{
//ES5:对象的写法
//ES5中写的属性一定是一个固定的key值;
ES6中key值是可以用表达式,也可以用变量来做这个key的;
let a ='b';
let es5_obj ={
a:'c',
b:'c'
};
//ES6:key值[a]中括号包起来的就是表达式;可以直接是一个变量,
let es6_obj ={
//a是变量,变量的值是b
[a]:'c'
};
console.log(es5_obj,es6_obj);
//Object{ Object{b:"c"}
a:"c",
b:"c"
}
}
**4.Object对象中新增的常用的几个API
{
//判断两个值是不是相等;
//is的判断和===在功能上是一样的;
console.log('字符串',Object.is('abc','abc'),'abc'==='abc');//字符串 true true
//1.数组也是引用类型,在值上都是空,两个数组引用的是两个不同的地址;严格意义上它两不是相等的;
//2.Object.is其实和===没有区别;
console.log('数组',Object.is([],[]),[]===[]); //数组 false false
//assign--拷贝;
第一个参数要拷贝到的一个对象上;第二个参数把哪个值(哪个对象)拷贝到别的地方去;
//1.拷贝的属性是有限制的;
(浅拷贝--引用类型值修改引用地址,而不是把所有的值拷过去)
//2.这个方法拷贝的是只有自身对象的一个属性;如果这个对象有继承,它不会拷贝继承的属性;
同时也不会拷贝这个对象中不可枚举的一个属性;
console.log('拷贝',Object.assign({a:'a'},{b:'b'}));
//输出:拷贝 Object{a:"a",b:"b"} 两个对象合并成一个新的对象了
//entries
let test ={k:123,o:456};
for(let [key,value] of Object.entries(test)){
console.log([key,value]);
}
//输出:["k",123]
["o",456]
}
5.扩展运算符(ES7提案)
{
//...变量;直接是编译不通过的,加入babel-polyfill扩展兼容的,还是会报错;
babel支持不太好,目前实际应用没法用;
let{a,b,...c} ={a:'test',b:'hill',c:'ddd',d:'ccc'}
//a 解析出来是 a:'test'
b 解析出来是 b:'hill'
c ={
c:'ddd',
d:'ccc'
};
}