var name = "yz"
var age = 24
var obj = {
  // 1.property shorthand(属性的简写)
  // es5
  name:name,
  // es6
  age,
  // 2.method shorthand(方法的简写)
  // es5
  foo: function() {
    console.log(this)
  },
  // es6
  bar() {
    console.log(this)
  },
  baz: () => {
    console.log(this)
  },
  // 3.computed property name(计算属性名)
  [name + 123]: 'hehehehe'
}
obj.baz()
obj.bar()
obj.foo()
// obj[name + 123] = "hahaha"
console.log(obj)

var names = ["abc", "cba", "nba"]
// var item1 = names[0]
// var item2 = names[1]
// var item3 = names[2]
// 对数组的解构: []
var [item1, item2, item3] = names
console.log(item1, item2, item3)
// 打印 abc cba nba
// 解构后面的元素
var [, , itemz] = names
console.log(itemz)
// 打印 nba
// 解构出一个元素,后面的元素放到一个新数组中
var [itemx, ...newNames] = names
console.log(itemx, newNames)
// 打印 abc ['cba', 'nba']
// 解构的默认值
var [itema, itemb, itemc, itemd = "aaa"] = names
console.log(itemd)
// 打印 aaa

var obj = {
  name: "yz",
  age: 25,
  height: 180
}
// 对象的解构: {}
var { name, age, height } = obj
console.log(name, age, height)
// 打印 yz 25 180
var { age } = obj
console.log(age)
// 打印 25
var { name: newName } = obj
console.log(newName)
// 打印 yz
var { address: newAddress = "北京市" } = obj
console.log(newAddress)
// 打印 北京市
function foo(info) {
  console.log(info.name, info.age)
}
foo(obj)
// 打印 yz 25
function bar({name, age}) {
  console.log(name, age)
}
bar(obj)
// 打印 yz 25

let obj1 = {
    name:'yz',
    age:24
}
function test(obj){
    // es5
    console.log(obj.name,obj.age)
    // es6
    const {name,age} = obj
    console.log(name,age)
}
test(obj1)