JavaScript-ES6 – 函数参数的解构赋值[常用]

阮一峰ES6 – 函数参数的解构赋值

 

 

1. 写函数声明时,直接使用解构定义参数

2. 调用时,编辑器会有属性的提示

3. 函数内部直接可以使用解构出来的属性,不用再去点

// function sayHello (person) {
//   console.log(`${person.name}你好呀`)
//   console.log(`没想到啊,你竟然喜欢${person.habbit}`)
// }

// 传入的参数 对象,两个属性 `name`,`habbit`
/*
    你咋知道要传 name和habbit
*/
// sayHello({
//   name: '素素',
//   habbit: '李易峰'
// })

// 对象解构+函数{name:'',habbit:''}
// {name:'',habbit:''}
function sayHello ({ name, habbit }) {
  console.log(`${name}你好呀`)
  console.log(`没想到啊,你竟然喜欢${habbit},我也喜欢哦`)
}

// sayHello({
//   name: '素素',
//   habbit: '李易峰'
// })

// 声明时是对象解构,传参时需要符合对应的语法
// 下面这种就解析不出来 直接就是`undefined`
sayHello('萌萌哒')