一、ES6基本概念
ES6的概念以及运行环境 ES6即是一个历史名词，也是一个泛指。含义是5.1版以后的JavaScript的下一代标准。涵盖ES2015、ES2016、ES2017等 WebStorm配置 找到左上角的file，选择setting 选择Languages & Frameworks设置ES6选项。 新版的webstorm已经默认是es6了 Babel编译器 其主要作用是用于将ES2015+代码转化为向下兼容的JavaScript代码。 安装 12yarn add @babel/core @babel/cli @babel/preset-env -Dyarn add @babel/polyfill 通过以上命令安装后会导致只有当前项目才可以使用babel工具，因此为了所有项目都可以使用babel工具，可以进行全局安装。 12yarn global add @babel/core @babel/cli @babel/preset-envyarn global add @babel/polyfill 创建配置文件 也就是在项目根目录创建package.jso ...
二、ES6新语法
let关键字 特点 var关键字 let关键字 变量提升 √ × 作用域 没有块级作用域，是函数作用域 有块级作用域 重复声明 √ × 重新赋值 √ √ 变量提升 12console.log(age);let age = 38; 作用域 12345for (var i = 0; i < 10; i++) {}console.log(i);for (let n = 0; i < 10; i++) {}console.log(n); 图中可对比看出，如果用var声明，在循环外部还是可以使用i变量；但用let声明变量，循环外部不可以使用n变量 不可重复声明 123let num2 = 10;let num2 = 20;console.log("num2: ", num2); 重新赋值 123let num2 = 10;num2 = 20;console.log("num2: ", num2); const关键字 使用场景 一些不会变化 ...
