Vue成神之路（五）：ES6语法知识的学习

1.关于let变量

1、let所声明的变量，只在let命令所在的代码块内有效。
2、不存在变量提升：所声明的变量一定要在声明后使用，否则报错。如 let a=a会报错
3、不允许重复声明：let不允许在相同作用域内，重复声明同一个变量。即不能在函数内部重新声明参数。

2.作用域的分类

1.ES5只有全局变量和函数作用域变量，有很多不合理的地方，第一种场景，内层变量可能会覆盖外层变量。
第二种场景，用来计数的循环变量泄露为全局变量。下面代码中，变量i只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。
2.ES6在原来的ES5基础上面，增加了块级作用域。ES6 的块级作用域：外层作用域无法读取内层作用域的变量。内层作用域可以定义外层作用域的同名变量。
3.块级作用域用法：考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。

3.关于const常量

1.声明一个只读的常量。一旦声明，常量的值就不能改变。const一旦声明变量，就必须立即初始化，不能留到以后赋值。
2.const常量的特性和let基本上一致。

4.箭头函数

1.var f = v => v; 等价于 var f= function(v){return v}
2.var f=(v,x)=> v+x; 等价于 var f = function(v,x){ return v+x }
3.var f= v=> (return “你好呀，我是箭头函数”); 等价于 var f= function(v){return “你好呀，我是箭头函数” }
4.var f=({“你好”,“武汉”})=>(return {“你好”,“中国”}); 等价于 var f = function({“你好”,“武汉”}){ return {“你好”,“中国”} }

5.模块语法

ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。
导出方式：
1.// profile.js 分别导出
export var firstName = ‘Michael’;
export var lastName = ‘Jackson’;
export var year = 1958;
2.// profile.js 聚合导出
var firstName = ‘Michael’;
var lastName = ‘Jackson’;
var year = 1958;
export { firstName as fn, lastName as ln, year as y };
export function () {
console.log(‘foo’);
}
3.但是当我们使用 export default 语句时，如果在语句中声明变量，就会产生报错，这点与 export 语句截然相反，其原因是因为 export default 语句实质上相当于导出了一个 defalut 变量，如果我们再语句中再声明一个变量自然就会报错。
export var m=1;//正确
export default 1;//正确
export default m //正确
var m=1;
export m;//不正确
export 1;//不正确

导入方式
1.import { stat, exists, readFile } from ‘fs’; 上面代码的实质是从fs模块加载3个方法，其他方法不加载。这种加载称为“编译时加载”或者静态加载，即 ES6 可以在编译时就完成模块加载，效率要比 CommonJS 模块的加载方式高。
2.import * as circle from ‘./circle’;
console.log(‘圆面积：’ + circle.area(4));
console.log(‘圆周长：’ + circle.circumference(14));
导入一个对象后，获取整体的对象属性，然后进行操作。
3.导入方式，有两种一种是在文件的开头就声明，还有一种是懒加载方式，就是在需要用的地方进行导入