12.ES6新特性：对象的扩展

125 阅读 0 评论 83 点赞

我是靠谱客的博主想人陪棉花糖，这篇文章主要介绍12.ES6新特性：对象的扩展，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
/*
属性的简洁表示法：
直接写入变量和函数，作为对象的属性和方法
当属性名和属性一样时候，可以省略属性
*/
// 属性简写
let name = 'iwen'
let user = {
// name : name, 可以省略
name,
age:20
}
console.log(user);
// 方法简写
const o = {
method(){
return "hello"
}
}//等同于
const new_o = {
method:function(){
return 'Hello'
}
}
// 用于函数的返回值
function getPoint() {
let x = 1;
let y = 10;
// return {x:1,y:10}
return {x,y}
}
console.log(getPoint());
/*
属性名表达式，用表达式作为对象的属性名，即把表达式放在括号中
*/
let proKey = 'itbaizhan'
let obj = {
[proKey]:true,//此时相当于 'itbaizhan':true
['a'+'bc']:123
}
console.log(obj.proKey);//undefined
console.log(obj.itbaizhan);
/*
对象的扩展运算符
*/
let z = {a:3,b:4}
let n = {...z}
console.log(n);
</script>
</body>
</html>