解构赋值

image.png
image.png

箭头函数

image.png
关于this的最清楚的解释:
https://mp.weixin.qq.com/s?__biz=Mzg5MDAzNzkwNA==&mid=2247483847&idx=1&sn=fe8089ded81098b35461d3c14bb85cde&chksm=cfe3f238f8947b2e734221c5131e3a6bc42f2dae66b9640cc0f038e9dffef45dd4a52d8dd930&scene=126&sessionid=1599704202&key=70edc93a219a5459b82826f8aba198974e675cb65b74f462d8525467f0d6d7460babfe8337bf304f7129b2c1ac14529c56a4523b108bf1165f6759c3a04bab662763f6de0801b6c048b8fbe3ad474b5034472af6d0ec69b20ba05a206cad3b5c49ba36cb08bd01faed144d08fed39c63ae45c4e72367864c8a4db574dfa98a2b&ascene=1&uin=MjY4NDE3NjQzMQ%3D%3D&devicetype=Windows+10+x64&version=62090529&lang=zh_CN&exportkey=A9Al1WFfkSPcX9kkggH%2BfSY%3D&pass_ticket=dKu59vFz3HBwHqZQ%2BuS0s2BO7vTM12uxeXIrwrppqwCjzorxxi7o%2FXCew73UuLDR&wx_header=0

参数收集和展开,数组和json的展开

image.png

数组的处理map,reduce,filter,forEach

image.pngimage.png

babel.js编译(有压缩,检查,编译的作用,主要是编译,es6编译成低版本的代码进行向下兼容)

image.png
方法一:babel的文件名称是browser.min.js.
这个引入之后声明script的type是javascript还是babel
这个方法问题很多,在运行时进行处理,会导致浏览很慢,很卡,而且容易出错.而且browser.min.js在低版本浏览器是无法兼容的,浏览器都不认识browser中的东西,怎么翻译es6呢
这个方法写3行代码,就有明显的延时,如果300行,3000行,延时不堪设想

方法二:
先npm init生成一个node项目
然后安装babel的三个包
image.png
第一个core核心库,第二个cli执行babel的命令行工具 第三个babel的预设环境
在包管理文件中添加执行脚本 babel src -d dest(dist)
image.png
添加一个.babelrc文件 目的是将src下的文件怎样转,我们没有写,所以这里使用预设的,preset-env,他怎么处理,你听他的,不用听我的,我没写.
image.pngimage.png

这样在编译的时候es6就转成低版本浏览器能识别的js了

image.png
polyfill是更低版本的浏览器中没有的一些方法,polyfill会将他自己里面的一些东西做转换的补充和src下的js一起转换成兼容的js,提供给更低版本方法

异步操作 同步操作 promise 和 async await 网上很多这里不作赘述

面向对象 模块

image.png
image.pngimage.png

image.png