ES6对象传播操作符的使用（对象和对象的传播）

最新推荐文章于 2024-10-25 21:56:27 发布

@睡不醒的每天@

最新推荐文章于 2024-10-25 21:56:27 发布

阅读量194

点赞数

分类专栏： vue教程文章标签： es6 javascript 前端

本文链接：https://blog.csdn.net/m0_67929156/article/details/126984168

版权

vue教程专栏收录该内容

9 篇文章 0 订阅

订阅专栏

对象和对象直接利用传播操作符（…）进行传播使用

<!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>

    <script>
 var user={
   name:"hyh",
   age:99,
   link:"http://www.baidu.com",
   addess:"北京市"


 }

 //ES6解构

//对象传播操作符...
 var{name,age,...user1}=user;
 //解构出name和age属性
 console.log(name);
 console.log(age );
 //利用对象传播操作符....将user对象中未解构出的属性传播给user1对象
 console.log(user1);
 //{link: "http://www.baidu.com", addess: "北京市"}
//addess: "北京市"
//link: "http://www.baidu.com"

 //user1对象可以调用传播过来的属性，不能调用前面已经解构出的属性
 console.log(user1.addess);
 console.log(user1.link);



    </script>
</head>
<body>
    
</body>
</html>