ES6 简单笔记1

https://www.youtube.com/watch?v=qjHNdaf3cpE&list=PLCRqr1mERvdJ0IZMD1U4oSB7k0gyAjyIx&index=2

ES6是第6版，正式名称为ECMAScript 2015，于2015年6月完成。ES6为编写复杂的应用程序(包括类和模块)增加了重要的新语法，但在语义上与ECMAScript 5严格模式定义相同。浏览器对ES6的支持仍然不完整。然而，ES6代码可以转换为ES5代码，它在跨浏览器上具有更一致的支持。

Typescript是Javascript的超集，可以编译成纯Javascript。它也是Angular 2使用的主要语言。

1. ES6 var let const 声明变量

2. ES6: let vs const 关键字

3.ES6 let 和 const的理解

4. ES6 Temporal Dead Zone (TDZ) 暂时性死区

5. Arrow Function 箭头函数的介绍

6. ES6 Arrow Function 箭头函数 ‘this’ 理解

7. ES6 字符串模板(Template String/ Literals)

8. ES6 Template String Example 字符串模板示例

9. ES6 Taggle Template Strings 标签模板字符串

10. Template String 中转义标签

11. ES6 Default Arguments 参数默认值

12. Arrow Function 指头函数不适用的场景

13. ES6 对象解构

15. ES6 数组解构

16. ES6 for of 简介

17. ES6 for of 使用示例

18. 来自和阵列的ES6阵列

19. ES6更多的Array方法使用

20. ES6 剩余参数

21. 扩展运算符

22. 扩展运算符练习

23. ES6 扩展运算符的例子

24. ES6扩展运算符在函数中的应用

25. ES6对象字面量的扩展

1. ES6 var let const 声明变量

var 在函数作用域中

let 和 const 的在块级作用域中

2. ES6: let vs const 关键字

var 可以重复定义（带来很大问题，不小心覆盖别人的变量）。

如果let或const在括号外面定义的名字，跟在括号里面定义的同名变量是两个不同的东西。

let可以重复赋值，const不可以。

如果const是对象，可以改变里面的属性，对象是引用类型。

const Jelly=Object.freeze(person)；不可以对象改变属性值。

3.ES6 let 和 const的理解

声明变量是会被立即执行的，比如定义了name,那么可能覆盖window.name的值，所以我们使用立即执行函数里面，使得变量私有化。比如

（function(){
var name ="jelly";

})();

4. ES6 Temporal Dead Zone (TDZ) 暂时性死区

console.log(color);
var color='yellow';

//会输出undefined



//因为会变量提升，来不及赋值
var color；
console.log(color);
color='yellow';


//如果是let
console.log(color);
let color='yellow';
//报错，color is not defined，临时性死区