对象-字面量的增强

hdc-web / 2024-10-29 / 原文

字面量的增强

◼ ES6中对 对象字面量 进行了增强,称之为 Enhanced object literals(增强对象字面量)。
◼ 字面量的增强主要包括下面几部分:
    属性的简写:Property Shorthand
    方法的简写:Method Shorthand
    计算属性名:Computed Property Names

案例:

<script>
  var name = "hdc"
  var age = 18
  var key = "address"
  var obj = {
    // name : "hdc",
    // age:18
    // 语法糖写法
      name, //相当于:name:name,
      age,   // 相当于:age:age
    // 方法的增强
      running(){console.log(this)},  // 相当于:running:function(){},
      eating:()=>{console.log(this)},
    // 计算属性名
    [key]:"广州市"
  }
  obj.running()
  obj.eating()
  //  案例:
  function foo(){
    var message = "Hello World"
    var info = "my name is hdc"
    return{
      message,
      info
    }
  }
  var result = foo()
  console.log(result.message,result.info)
  </script>