简介

JS 组成部分

由三大部分组成

1. ES （JS语法规范）
2. DOM （操作网页元素API）
3. BOM （操作浏览器API）

ES6 是什么？

在2015年之前，ES版本都是以‘ES+数字’方式进行命名，最高发布到ES5.1；但2015年之后，ES版本命名发生改变，变为‘ES+年份’进行命名，并且逐年更新，不仅是命名和更新频率发生改变，而且ES2015推出了很多新特性和对JS的缺陷提出很多补救的语法，让JS更健壮，功能更强大，所以2015年对于JS来说是一个里程碑的年份，行业里对2015年及其之后推出的所有ES版本统称为ES6，因此ES6是个泛指，其包含ES2015、ES2017等

新语法

let const声明

var 缺陷
1、缺少块级作用域
2、可在同一作用域下重复声明同一变量
3、无常量概念
4、在for循环里存在污染变量问题
5、变量声明提升问题（先使用后声明）

let/const 的出现就是为了解决 var 的缺陷

var btns = document.getElementsByTagName("button");  // 4个btn

for(var i=0; i<btns.length; i++){
	btns[i].onclick = function(){
		console.log(i);    
	}
}
// 永远输出 4 

for(let i=0; i<btns.length; i++){
	btns[i].onclick = function(){
		console.log(i);    
	}
}
// 输出对应索引

上面例子原因：var声明的变量是全局，而let声明的变量是局部的

const 定义常量 必须注意以下：
1、一旦声明就必须赋值
2、一旦赋值就不能修改
3、具有块作用域
4、声明引用类型常量，引用类型里的值可以修改

模板字符串

一种定义字符串的新方式，让字符串拼接更加简单，并且支持换行

// 以前的方式
var oldOneStr = "xxx";
var oldTwoStr = 'bbb';

// 新方式
let NewStr = `bsss${name}hhh`;

解构语法