ES6箭头函数以及解构赋值

ES6:

什么场景用let:

1.基本类型的赋值,用let;

2.主观想让块级作用域生效;

3.for循环中;


关于const:

关于const

ES6解构赋值:

怎么通过ES6来交换两个的值:

通过ES6来交换两个的值

只要左右两边结构相同,就可以完成赋值:

只要左右两边结构相同,就可以完成赋值

当左右两边结构不完全匹配时的赋值情况:

当左右两边不完全匹配时

函数返回值,进行结构赋值:

函数返回值,进行结构赋值

函数数组传参:

函数数组传参

通过函数传参的多个参数把对象转为数组:用拓展运算符:

通过函数把对象转为数组

通过函数传参的2个参数把对象转为数组:用拓展运算符:

通过函数传参的2个参数把对象转为数组

通过函数不进行传参的时候,会发生什么?:

找不到参数显示undefined,而...运算符不管有没有参数都会形成一个数组;

通过函数不进行传参

通过函数把数组转对象:

通过函数把数组转对象

对象解构赋值:

和数组不同的地方:

1.数组除了结构以外,还有顺序;2.  对象只认属性名,没有顺序

(原理:因为对象是无序的,数组是有序的)

对象解构赋值

对象的解构赋值:

对象的解构赋值

对象的解构赋值的一种特殊情况:

解构赋值的一种特殊情况

如何给解构出来的变量修改名字:

变量修改名字

给解构出来的变量添加默认值:

当对象里面的属性值是undefined 或者没有这个属性,这时候就给变量赋值成默认值;

当对象的变量值里有赋值的时候,显示的是变量的值;

给解构出来的变量添加默认值


直接去汇总身上本身具有的属性,直接调用使用:

与java进行数据交互的时候,传来的对象不符合要求时:

字符串的解构赋值:

函数参数的解构也可以使用默认值:

ES6是怎么赋予默认值的:在传参里直接写;

ES6是怎么赋予默认值的:在传参里直接写

传入对象后的默认值:

传入对象后的默认值

模板字符串:反引号:

认识箭头函数:=>

★ ★ ★ 箭头函数和普通函数的区别:

1.箭头函数没有自己的this this指向是上下文环境的;

2.箭头函数不可以作为构造函数,但是普通函数可以;

3.箭头函数要返回对象的时候,要用()包裹起来;

当形参只有一个的时候,可以省略小括号

当return一句话的时候,可以省略大括号

当箭头函数里没有任何参数的时候:是不可以省略小括号的:

箭头函数

可以一直省略步骤:

箭头函数

使用箭头函数时,如果代码量不能一句话搞定的时候,花括号还是不能省略的

箭头函数不能作为构造函数来使用:

箭头函数可以与变量解构结合使用

箭头函数直接返回一个对象:

使用小括号把对象包起来,变成一个表达式:

箭头函数直接返回一个数组:

箭头函数在ajax中没有this指向,箭头函数的this是上下文环境的:

拓展:

(time.getMonth()+1).toString().padStart(2,"0"):可以对单位数补0;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容