ES6知识点复习(一)

let 命令

let 用于声明变量。用法类似于 var

只在let命令所在的代码块内有效。

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

常见对比例子（var，let）

let 循环计数器

  // let 循环计数器
  for( let i=0;i<5;i++){
    // 依次是 0 1 2 3 4 
    console.log(i)  
  }
  console.log(i) // i is not defined 

因此得出结论: 在let命令中，计数器i只在for循环体内有效，在循环体外引用就会报错。

var 循环计数器

var a =[];
for(var i=0;i<5;i++){
  a[i] = function(){
    console.log(i)
  }
}
a[1]() // 5

a[i]中的i 在全局范围内有效的。因此循环遍历完最后i的值都是5

将上述循环中，将var 改为 let， 变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是1。

for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。代码如下:

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc

变量提升是什么???

顾名思义：var声明的就会出现变量提升现象。就是在声明之前就使用了。 值为 undefined 。var 命令

let 命令的出现纠正了这种现象. 所声明的变量一定要在声明后使用，否则报错。

如下代码块所示:

    // var 的情况
    console.log(foo); // 输出undefined
    var foo = 2;

    // let 的情况
    console.log(bar); // 报错ReferenceError
    let bar = 2;

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

  // var tmp = 123;
  if (true) {
    tmp = 'abc'; // ReferenceError
    let tmp;
  }

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

概括下就是 在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ结束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

上面代码中，在let命令声明变量tmp之前，都属于变量tmp的“死区”。

值得关注的是

在没有let之前，typeof运算符是百分之百安全的，永远不会报错。其实也是为了让打击养成良好编程习惯。

暂时性死区本质:只要一进入当前作用域，所要使用得变量就已经存在了。但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

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

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

因此，不能在函数内部重新声明参数。

function func(arg) {
  let arg;
}
func() // 报错

function func(arg) {
  {
    let arg;
  }
}
func() // 不报错

前言: 在es6之前 只有全局作用域和函数作用域，没有块级作用域。

• 1. 内层变量可能会覆盖外层变量
• 2. 循环遍历中用来计数的 i 变量泄露为全局变量。

ES6新增的块级作用域。有以下特点:

• 外层代码块不受内层代码块的影响

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}

• 可以允许块级作用域的任意嵌套

{{{{
  {let insane = 'Hello World'}
  console.log(insane); // 报错
}}}};

ES6的块级作用域必须是大括号，如果没有大括号，JavaScript引擎就认为不存在块级作用域。

const 声明一个只读的常量。一旦声明,常量的值就不能改变。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

const 相关知识点

• const一旦声明变量，就必须立即初始化，不能留到以后赋值。
• 对于const来说，只声明不赋值，就会报错。
• const的作用域与let命令相同：只在声明所在的块级作用域内有效。
• const声明的常量，也与let一样不可重复声明。

• const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。
• 对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。
• 但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。

const 需要注意的地方

• 常量foo储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把foo指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。

const a = [];
a.push('Hello'); // 可执行
a.length = 0;    // 可执行
a = ['Dave'];    // 报错