ES6 关于对象的扩展

1
2
3
4
5
6
7
8
let person={
'name':'zhang',
'age':'20',
'play':function(){
alert('play!')
}
}

1
2
3
4
5
var name='zhang';
var age=20;
var person={name,age};
console.log(person) // {name: "zhang", age: 20};

1
2
3
4
5
6
var person={
play(){
alert('ES6 中的play!');
}
}

1
2
3
4
5
6
7
8
9
10
11
12
var m="my";
var n="name";
var p="play";
var person={
[ m+n ]:'zhang',
[ m+p ](){
return "play";
}
};
console.log(person.myname)// zhang
console.log(person.myplay)// play

1
2
3
4
5
6
7
8
var str='20';
var age=20;
// 抽象相等
str == age
// true
// 严格相等
str === age // false

1
2
3
4
5
6
var str='20';
var mine=20;
var her=20;
Object.is(str,mine) // false
Object.is(mine,her) // true

1
2
3
4
5
6
7
// 可看做目标对象
let target={'a':1};
// 可看做源对象
let origin={"b":2,"c":3};
Object.assign(target,origin);
console.log(target);// {a: 1, b: 2, c: 3}

1
2
3
4
5
6
7
8
// 可看做目标对象
let target={'a':1};
// 可看做源对象
let origin1={"b":2,"c":3};
let origin2={"d":4,"e":5};
Object.assign(target,origin1,origin2);
console.log(target);// {a: 1, b: 2, c: 3, d: 4, e: 5}

1
2
3
4
5
6
let arr=['z'.'h','a','n','g'];
let arr2=Object.assign([],arr);
arr2.push('end');
console.log(arr2); // ['z'.'h','a','n','g','end']
console.log(arr); //['z'.'h','a','n','g']

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function Person(){ // 自定义一个Person类（函数）
}
Person.prototype = {
// 函数都有一个预属性prototype对象
say(){
// 给prototype对象添加一个say方法
console.log('hello');
}
};
let zhang = new Person(); // 实例化Person对象，赋值给变量zhang
zhang.say(); //调用类的say方法
结果：hello
Object.getPrototypeOf(zhang); // 获取zhang对象的prototype属性
// 结果：{say:function(){.....}}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function Person(){ // 自定义一个Person类（函数）
}
Person.prototype = {
// 函数都有一个预属性prototype对象
say(){
// 给prototype对象添加一个say方法
console.log('hello');
}
};
let zhang = new Person(); // 实例化Person对象，赋值给变量zhang
zhang.say(); //调用类的say方法
结果：hello
Object.setPrototypeOf(
//使用Object.setPrototypeOf
zhang,
{
say(){console.log('hi')}
}
);
zhang.say();
//再次调用类的say方法
结果：hi