ES6学习笔记

let声明：

let声明类似于var，但是声明的所有变量，只在let命令所在的代码块内有效。

{var a = 10;  let b = 1;  }
console.log(a); //10
console.log(b); //b is not defined

let不允许在相同作用域内，重复声明同一个变量。

//报错		
function(){
	let a = 1;
	let a = 10;
	}

 

let在for循环中的使用：在这里，点击的任意一个个按钮，都会打印出该按钮对应的索引值，但var声明i就不行。

<button>1</button>
<button>2</button>
<button>3</button>
<script>
	var btn = document.getElementsByTagName('button');
	for(let i = 0;i<btn.length;i++){
		btn[i].onclick = function(){
			console.log(i);
			}
		}
	console.log(btn[1]); 	

    //<button>2</button>
</script>

let不像var那样会发生“变量提升”现象，所以，变量一定要在声明后使用，否则报错。

console.log(a); //a is not defined
let a = 10;

暂时性死区：

1.只要块级作用域存在let命令，它所声明的变量就绑定（binding）这个区域，不再受外部的影响。

 2.ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭的作用域。
 3.在代码块中，使用let命令声明变量前，该变量是不可用的。这在语法中被称为'暂时性死区'

var temp = 123;
if(true){
	console.log(typeof temp) //这里会报错
	// 这一部分就是暂时性死区
	console.log(temp); //temp is not defined 
	let temp;
}
//a并没有被声明，使用typeof并不会报错。
console.log(typeof a); //undefined

 4.代码报错原因：应为参数x默认值等于另一个参数y，而此时y并没有被声明，属于死区。

function bar(x = y, y = 2) {
			return [x,y];
		}
		bar();  // y is not defined

const声明：

1.const声明只是一个只读的常量。一旦声明，常量的值就不能改变。

2.const声明变量不得改变值，这意味着，const一旦声明变量，会必须立刻初始化，不能留到以后赋值。

const PI = 3.1415926;
PI = 3;  //这里会报错 Assignment to constant variable

const foo; //只声明不赋值会报错。

const 于let一样，也不能重复声明：

let a = 10 ;
const a = 5 ;  //Identifier 'a' has already been declared 标识a已经声明

对于符合类型的变量，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向地址不变，并不保证该地址的数据不变，所以将一个对象声明为常量必须非常小心。
 

const a = [1,2,3];
a.push(1);
console.log(a);  // [1,2,3,1]

a = 1; //程序会报错

const冻结常量：

如果需要冻结常量，应该使用Object.freeze方法
这一段代码中，常量foo指向一个冻结的对象，所以添加了新属性不起作用，严格模式还会报错。
除了对象本身被冻结，对象的属性也会被冻结。

const foo = Object.freeze({});
		foo.name = "hehe";
		console.log(foo); //对象foo并不会改变.

const作用域：

const的作用域于let命令相同：只在声明所在的块级作用域内有效。
const于let一样存在暂时性死区，且变量都不会提升，所以只能在声明后的位置可用。

if(true) {
	console.log(Max); //  Unexpected identifier
	consot Max = 5;
}
max;    // 会报错  Unexpected identifier