孙锐锋 发表于 2023-5-20 00:47:12

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

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

给函数的形参设置一个默认值, 当你没有传递实参的时候, 使用默认值
直接使用 赋值符号(=) 给形参赋值即可
function fn(a, b = 100) {
   console.log(a, b)
}

fn()
fn(10)
fn(10, 20)ES6的函数默认值

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

箭头函数

随机数案例

ES6解构赋值

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

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

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

对象结构就是快速从对象中拿到对象中的数据
语法:var {键名1, 键名2, 键名3, ... } = 对象
按照键名, 依次定义变量从对象中获取指定成员
之前获取对象里面的值
解构获取对象里面的值

解构的时候可以给变量起一个别名
语法:var { 键名: 别名, 键名2: 别名 } = 对象
注意: 当你起了别名以后, 原先的键名不能在当做变量名使用了, 需要使用这个别名
以上就是我们这篇的全部内容啦!更多技术类干货,戳我主页
视频教程速戳:免费视频教程

来源:https://www.cnblogs.com/qian-fen/p/17416077.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: JavaScript全解析——ES6函数中参数的默认值和解构赋值