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使用的主要语言。
(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,临时性死区
如何选择 var 、const、 let
默认选择const
变量需要重新绑定或更新使用 let
ES6中尽量不使用var
5. Arrow Function 箭头函数的介绍
1. 简明的语法
2. 可以隐式返回
3. 不绑定this
6. ES6 Arrow Function 箭头函数 ‘this’ 理解
![](/i/l/?n=23&i=blog/2170636/202302/2170636-20230225021925333-871972217.png)
js中的this值在运行中才绑定的 箭头函数没有自己的this值,他的this值继承父作用域的,被调用也不会被改变 7. ES6 字符串模板(Template String/ Literals)
![](/i/l/?n=23&i=blog/2170636/202302/2170636-20230225022558825-333489369.png)