lovecoding
/
VIP20


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
							<!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>
  </head>
  <body>
    <script>
      var name = '大侠';
      var age = 18;
      // 希望 obj对象具有name和age属性 对应值 为name变量以及age变量的值
      // es5之前
      var obj1 = {
        name: name, // 重复出现 name
        age: age, // 重复出现 age
      }; // {name: '大侠', age: 18}

      //! ES6 上面写法就可以用 短语法来写
      var obj2 = {
        name,
        age,
      }; // {name: '大侠', age: 18}

      //! ES6 方法的添加也有短语法
      // ES5 之前
      var obj3 = {
        hi: function () {
          console.log('obj3:hi');
        },
      };
      // ES6 短语法
      var obj4 = {
        hi() {
          console.log('obj4:hi');
        },
      };

      obj3.hi();
      obj4.hi();

      // 如果属性简洁写法中 不存在该变量 就会报错 sex is not defined
      var obj5 = {
        sex,
      };
      // 给obj5 添加 sex属性，对应属性值 为 作用域中sex变量的值
      // 由于 作用域中没有定义sex变量，因此就报错 ReferrenceError：sex is not defined

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