04 es6 对象展开

学前端的坤坤bond

于 2024-07-18 08:52:37 发布

阅读量101

点赞数 2

文章标签： javascript 前端开发语言 es6 es ecmascript html5

本文链接：https://blog.csdn.net/m0_64904350/article/details/140512159

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    对象展开
  </body>
  <script>
    let book = {
      "main title": "JavaScript",//属性名字中有空格，必须用字符串表示
      "sub-title": "The Definitive Guide",//属性名字里面有连字符，必须用字符串
      content: "数据库的内容",
      for: "all audiences",//for是保留字，必须用引号
      author: {
         //这个属性的值是一个对象
        firstname: "David",//这里的属性名都没有引号
        surname: "Flanagan",
      },
     //定义一个方法，用function这个变量表示
      func: function (i, j) {
        return i * j;
      },
    };
    //对象展开，语法:...对象
    //将对象所有属性，赋值给新对象，相当于拷贝
    let obj = { ...book };
    console.log(obj);
    //
    obj.content = "welcome";
    console.log("obj.content = " + obj.content);
    console.log("book.content = " + book.content);
    //地址引用
    let obj1 = book;
    console.log(obj1);
    //
    obj1.content = "Welcome";
    console.log("obj1.content = " + obj1.content);
    console.log("book.content = " + book.content);
  </script>
</html>