Web端 es6（基础七） 对象扩展

笔记

表达式的赋值

let a = 1;
let b = 2;
let es5 = {
o: a,
k: b,
};
let es6 = {
a,
b
};
console.log(es5)
console.log(es6)
// 输出结果
{o: 1, k: 2}
{a: 1, b: 2}

表达式里的函数

let es5_method = {
hello:function () {
console.log("es5 hello")
}
}
let es6_method = {
hello(){
console.log("es6 hello")
}
}
es5_method.hello()
es6_method.hello()

属性表达式

let a = 'b'
let es5_obh = {
a:'c',
b:'c'
}
let es6_obj = {
[a]:'c'
}
console.log(es5_obh,es6_obj)
// 输出结果
{a: "c", b: "c"} {b: "c"}

新增api 对比

console.log('字符串',Object.is('abc','abc'),'abc'==='abc')
console.log('数组',Object.is([],[]),[]===[])
// 输出结果
字符串 true true
数组 false false

对象浅拷贝

console.log(Object.assign({name:'张三'},{age:15}))
{name: "张三", age: 15}

其他

let {a,b,...c} = {a:'test',b:'bbbbb',c:'c',d:'d'}
console.log(a,b,c)
// 输出结果
test bbbbb {c: "c", d: "d"}