JavaScript全解析——ES6函数中参数的默认值和解构赋值

孙锐锋

本文为千锋资深前端教学老师带来的【JavaScript全解析】系列，文章内含丰富的代码案例及配图，从0到1讲解JavaScript相关知识点，致力于教会每一个人学会JS！
文末有本文重点总结，可以收藏慢慢看~ 更多技术类内容，主页关注一波！
ES6函数中参数的默认值

给函数的形参设置一个默认值, 当你没有传递实参的时候, 使用默认值
直接使用 赋值符号(=) 给形参赋值即可

1. function fn(a, b = 100) {
2.    console.log(a, b)
3. }
5. fn()
6. fn(10)
7. fn(10, 20)

复制代码

ES6的函数默认值

在ES5之前是没有函数默认值的。函数的默认值是ES6的新语法
函数的默认值是给函数的形参设置一个默认值, 当你没有传递实参的时候来使用
书写: 直接在书写形参的时候, 以赋值符号(=) 给形参设置默认值就可以了
任何函数都可以使用
注意: 如果你给箭头函数设置参数默认值, 那么不管多少个形参, 都得写小括号
普通函数

1. [/code][code]

复制代码

箭头函数

1. [/code][size=5]随机数案例[/size]
3. [code]

复制代码

ES6解构赋值

ES6允许按照一定的模式，从数组或对象中提取值，给变量进行赋值，称为解构赋值。
解构赋值分为数组解构和对象解构
数组解构

快速的从数组拿到数组中的数据
语法：var [变量1,变量2, 变量3，....] = 数组
会按照数组的索引依次把数组中的数据拿出来，赋值给对应的变量

1. [/code][code]

复制代码

解构多维数组

数组怎么写, 解构怎么写，把数据换成变量

1. [/code][size=5]对象解构[/size]
3. [b]对象结构就是快速从对象中拿到对象中的数据[/b]
4. 语法：var {键名1, 键名2, 键名3, ... } = 对象
5. 按照键名, 依次定义变量从对象中获取指定成员
6. 之前获取对象里面的值
7. [code]

复制代码

解构获取对象里面的值

1. [/code][b]解构的时候可以给变量起一个别名[/b]
2. 语法：var { 键名: 别名, 键名2: 别名 } = 对象
3. [b]注意：[/b] 当你起了别名以后, 原先的键名不能在当做变量名使用了, 需要使用这个别名
4. [code]

复制代码

[code][/code]以上就是我们这篇的全部内容啦！更多技术类干货，戳我主页
视频教程速戳：免费视频教程

来源:https://www.cnblogs.com/qian-fen/p/17416077.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！