ES6 新增功能复盘梳理

1、新增变量定义方法

let:定义块级变量。

const:定义常量。常量不能改变。

注意:

1、变量必须先声明,后运用。

2、变量不能重命名。

2、块级作用域增加

es5:只能在函数内作用。

es6:在大括号内使用。

3、新增箭头函数

1、只有一个形参时,可以省略();

2、只有一句话的时候,可以省略{}。

3、当只有一句话,且这句话返回值时,也可以省略return,()=>({})。

4、箭头函数没有this,this是父级的作用域。

4、解构赋值

定义:快速地从对象和数组中获取里面的成员,并赋值。

javascript 复制代码
    let arr = [1,2,3]
    let [d,e,f] = arr;
    console.log('d',d)
    console.log('e',e)
    console.log('f',f)
    let obj = {a:1,b:2,c:3}
    let {a,b,c} = obj
    console.log('a',a)
    console.log('b',b)
    console.log('c',c)
    Math.max(...arr)

5、展开运算符...

展开数组,可以将数组更快的展开,同时可以用来对数组的复制,不需要一个个遍历赋值。还可以用在Math中,min,max等方法。还有伪数组的转换,不需要使用array.from方法转。

展开对象。

6、模块化

模块化的主要有三个作用:1、代码更具有私密性,不主动暴露;2、重命名多了,也不重叠。3、依赖不乱。

es6新增的方法很多,再次回复,对赋值解析了解又加深了。

相关推荐
汪子熙2 分钟前
浏览器里出现 .angular/cache/19.2.6/abap_test/vite/deps 路径究竟说明了什么
前端·javascript·面试
Benzenene!3 分钟前
让Chrome信任自签名证书
前端·chrome
yangholmes88883 分钟前
如何在 web 应用中使用 GDAL (二)
前端·webassembly
jacy5 分钟前
图片大图预览就该这样做
前端
林太白8 分钟前
Nuxt3 功能篇
前端·javascript·后端
YuJie9 分钟前
webSocket Manager
前端·javascript
Mapmost24 分钟前
Mapmost SDK for UE5 内核升级,三维场景渲染效果飙升!
前端
Mapmost27 分钟前
重磅升级丨Mapmost全面兼容3DTiles 1.1,3DGS量测精度跃升至亚米级!
前端·vue.js·three.js
wycode33 分钟前
Promise(一)极简版demo
前端·javascript