ES6 简单笔记

标签：ES6 const 变量 color 笔记 let 简单 var

 

 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 声明变量   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，临时性死区

如何选择 var  、const、 let

默认选择const

变量需要重新绑定或更新使用 let

ES6中尽量不使用var

 

 

5. Arrow Function 箭头函数的介绍

 

 1. 简明的语法

2. 可以隐式返回

 

3. 不绑定this

 

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

 

 

js中的this值在运行中才绑定的 箭头函数没有自己的this值，他的this值继承父作用域的，被调用也不会被改变             7. ES6 字符串模板(Template String/ Literals)      大括号可以是变量，表达式或者函数      

标签：ES6,const,变量,color,笔记,let,简单,var
From： https://www.cnblogs.com/hechunfeng/p/17137534.html