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('萌萌哒')
内容投诉

人已赞赏
ES6JavaScript

JavaScript-ES6 - 对象的解构赋值[常用]

2020-8-21 17:51:30

ES6JavaScript

JavaScript-ES6 - 数组的解构赋值[不常用]

2020-8-22 12:56:53

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索