ES6新增关键字

let 关键字特点

块级作用域：if语句和for语句之类的大括号会隔离作用域

• let定义的变量遵循块级作用域

if (true) {
    var a = 10;
    let b = 12;
    console.log(a);	// 10
    console.log(b); // 12
}
console.log(a); // 10
console.log(b); // 报错 ReferenceError: b is not defined

• let定义的变量没有声明提升

console.log(a); // 因为有变量声明的提升所以会输出 undefined
console.log(b); // 报错 ReferenceError: Cannot access 'b' before initialization
var a = 10;
let b = 10;

• let定义的变量名不能重复

var a = 10;
var a = 11;
console.log(a);
let a = 12; // 报错 SyntaxError: Identifier 'a' has already been declared

• 全局变量不会被注册到window上

var a = 11;
console.log(a);	// 11
console.log(window.a); // 11 var定义的全局变量会被注册到window身上

let a = 10;
console.log(a); // 10
console.log(window.a); // undefined

额外说明： 有一些变量不要定义在全局中	window含有的属性
    // 比如 top status name 

var top = 10;
console.log(top) // 输出的是window对象

• let在for循环中 会每一个循环生成一个i

<ul>
   <li>1</li>
   <li>2</li>
   <li>3</li>
   <li>4</li>
   <li>5</li>
</ul>
<script>
	for (let i = 0; i < lis.length; i++) {
	    lis[i].onclick = function() {
	        console.log(i)
	    }
	}
</script>

const关键字

const关键字用于定义常量 与let的区别就在于保存的内容不能变 其余的特点与let一模一样

// const a; // 报错 SyntaxError: Missing initializer in const declaration
// a = 11; // 报错  TypeError: Assignment to constant variable.

// const只管变量是否被赋予新的值 不会在意值的内容的变化
const obj = {
}
// const定义的常量通常是值类型 
// 如果是引用类型 只要变量所保存的地址不发生变化 const并不关心地址所保存的内容是否变化

console.log(obj); // 输出 没有任何内容

setTimeout(function() {
    obj.a = 10; // 给对象添加属性
    // 输出
    console.log(obj);
}, 1000);