开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):前端技术-es6 语法-对象拓展运算符】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/667/detail/11302
前端技术-es6 语法-对象拓展运算符
对象拓展运算符
//拓展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象。
//(...)中的...表示在Jave阶段,需要一个可变参数,其作用用于对象的拷贝和对象复制以及对象合并
对象拓展运算符.html ●
<script>
</script>
假设在里面写完代码,在对象拓展运算符后有个黑点,则表示当前文件没有保存,点击ctrl+s 就没有黑点了,表示保存,所以写完代码要记得保存
<script>
//
拷贝对象
l
et person1 = {name: "
lucy
", age:
20
}
l
et
person2
=
{ ... person1 } → 将person1中的内容赋值给person2
c
onsole.
lo
g(
person2
) //{name: "
lucy",
age:
20
}
执行: 右击鼠标 Open with live Server
//Uncaught SyntaxError: Unexpected token...
(代码没有错,之所以报错是因为es6浏览器兼容性很差,有时 es6 代码是不能执行的)
换浏览器执行:
{name: "lucy", age: 20}
//合并对象
let age
=
{age:
30
}
let name
=
{name: "
Marry
"}
let person2
=
{
...age,
.
.
.name}
cons
o
le.
l
og(person2) //{age:
30,
name: "
Marry
"}
执行
:右击鼠标Open with live Server
{name: "Marry", age: 30}
</script>