一、let const 和var的区别
1、let const不允许重复声明,名称必须是唯一的;var允许重复声明,以最后一个声明为准
2、let const不属于顶层对象window,避免污染全局变量
3、let const不存在变量提升,在定义之前使用会报错;var存在变量提升,在定义之前使用会把变量定义提升到使用之前
4、暂时性死区,变量在没有声明完成前调用
5、let const存在块级作用域
6、const 指向一个固定的内存地址,值是可变的,如果想保存数据的一致性,使用Object.freeze()将对象冻结
二、箭头函数什么场景下不适合使用
1、作为事件的回调函数时候,需要小心

2、箭头函数定义对象里的方法时可能有问题,可以用ES6中对对象方法的简写形式


3、方法里面需要取arguments时,不能用箭头函数
4、不能使用箭头函数作为构造函数
5、箭头函数不能定义原形下的方法
三、结构赋值在什么场景下应用
1、函数参数


2、函数返回值

3、变量互换

4、JSON应用

5、ajax请求应用(可以用axios本地模拟ajax请求)

6、变量的解构赋值 含有Iterator 接口的数据结构皆可
数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。
四、import命令
五、class命令
ES5 的继承,实质是先创造子类的实例对象this,然后再将父类的方法添加到this上面(Parent.apply(this))。ES6 的继承机制完全不同,实质是先将父类实例对象的属性和方法,加到this上面(所以必须先调用super方法),然后再用子类的构造函数修改this。
六、模板字符串
let a='weil'
console.log(`我是${a}`)// 我是weil
七、标签模板
alert`hello`// 等同于 alert('hello')
八、新增字符串方法
includes() 判断字符串中是否包含 某个字符 返回 boolean
startsWith() 判断字符串开头是否为 某个字符 返回boolean
endsWith() 判断字符串是否以某个字符结尾 返回boolean
九、字符串长度补全功能 es7
padStart(str, length) str填入的字符串,length字符串长度不足单位(前面补足)
padEnd(str, length) str填入的字符串,length字符串长度不足单位 (结尾补足)
十、消除空格
trimStart() 消除字符串开头空格
trimEnd() 消除字符串结尾空格
十一、正则表达式
先行断言 /\x(?=y)/.exec(str)
后行断言 /\x(?!y)/.exec(str)
十二、二进制和八进制
二进制:0b(0B)
八进制:0o(0O)
十三、数值判断
Number.isFinite() 数值是否有限
Number.isNaN() 参数类型不是NaN,Number.isNaN一律返回false
Number.isInterger() 判断数值是否为整数
十四、允许为函数参数设置默认值
函数的length属性,将返回没有指定默认值的参数个数。也就是说,指定了默认值后,length属性将失真。
rest 参数之后不能再有其他参数(即只能是最后一个参数),否则会报错。
十五、扩展运算符 ...
十六、其他
1、如果所有函数都是尾调用,那么完全可以做到每次执行时,调用帧只有一项,这将大大节省内存。这就是“尾调用优化”的意义。
2、尾递归,同尾调用只存在一个调用帧,所以永远不会发生“栈溢出”错误,相对节省内存。
3、Symbol() 将变量或者函数私有化
4、WeakSet() 和 WeakMap() 使用场景 储存 DOM 节点,而不用担心这些节点从文档移除时,会引发内存泄漏
5、let、const、class声明的全局变量不与顶层属性挂钩(globalThis)
PS. babel配置及使用
1、环境搭建
1)、安装Node.js环境
2)、进入到项目,初始化package.json:
npm init -y
3)、安装:
npm install --save-dev babel-preset-env babel-cli
4)、创建文件并配置:.babelrc
{
"presets": ["env"]
}
2、文件转换
1)、单个文件转换:
babel src/index.js -o dist/index.js
2)、整个文件夹转换
babel src -d dist
3)、实时监控转换
babel src -w -d dist