函数参数默认值与解构赋值

165 阅读1分钟

学习ES6:函数参数默认值与解构赋值所带来的代码简洁编写

函数参数默认值:ES6允许给函数参数赋初始值,如下

beb5034d5891ddeaef8124d15d1b081.png

解构赋值:ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值

注意:当需要频繁调用数组或对象里的内容时可通过解构赋值来实现注意:当需要频繁调用数组或对象里的内容时可通过解构赋值来实现
  1. 数组解构:如下

0f037e5eca934599bf9f034f284d409.png

  1. 对象解构:如下

8e846001e86505cc8439511bf38910a.png

函数参数默认值与解构赋值碰撞在一起的时候:如下

915d4ee8a4e6263f27fb516fc087407.png

个人对这个的理解:本来connect({...})对象传给options,然后想要在函数里面拿到host等一些参数,就得使用

  • let host=options.host;
  • let username=options.uesrname;
  • let password=options.password;
  • let port=options.prot; 显然,这些重复性劳动可以通过解构来解决,通过对connect对象进行解构,直接在function函数中写出host,uesrname,password,port参数来接收传过来的值,然后直接使用console.log()打印即可!