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