front-end-77
/
08-对象简写.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>08-对象简写.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <!--
      对象的时候 简洁的写法而已
     -->

    <script>
      // const username = '悟空';
      // const skill = '72';
      // // const obj = {
      // //   username: username,
      // //   skill: skill,
      // // };

      // // 如果 变量的名称 和 属性的名称 一致的话 ，可以写成下列方式
      // const obj = {
      //   username, // => username : username
      //   skill, // skill:skill
      //   // height // => height : height
      // };

      // console.log(obj);

      // const obj={
      //   username:"悟空",
      //   // say:function(){
      //   //   console.log("这个是方法 函数");
      //   // }
      //   // 简写
      //   say(){
      //     console.log("这个是方法 函数");
      //   }
      // }
      // obj.say();

      const username="悟空";


      const obj={
        username,
        say(){
          console.log("方法");
        }
      }
    </script>
  </body>
</html>