ES6学习笔记一(var let const三者区别)

一、JavaScript作用域

• 全局作用域
  在浏览器中能通过 window 对象拿到的变量就是全局作用域下声明的变量。

var name = 'demo';
console.log(window.name)

• 函数作用域 / 局部作用域
  在函数内部定义的变量，在函数的外部是不能使用这个变量的。

function bar() {
  var name = 'demo';
}
console.log(name);  // undefined

• 块级作用域
  在打大括号（{}）中，使用 let 或 const 声明的变量，才会产生块级作用域。

let name = 'demo';
console.log(window.name)   // undefined

//
let num = 10;
{//块级作用域
  console.log(num); //在定义变量前，使用该变量会出现暂存死区
  let num = 20;
  console.log(num)  // 20
}
console.log(num)    // 10


//
{{//块级作用域
  let x = 'Hello imooc'
  {//子块级作用域
    console.log(x); // Hello imooc
    let y = 'Hello World'
  }
  console.log(y);   // 引用错误 ReferenceError: y is not defined.
  //在同一块级作用域中内部块级作用域可以引用外部块级作用域，外部块级作用域不能引用内部块级作用域。
}};

二、变量提升

• 定义变量后，变量可以作用域的顶级，作用域是全局。
• 使得声明变量前也可以使用，但值为 undefined。
• var定义的变量就可以变量提升，let const就不能进行变量提升。

{
  console.log(name); // 输出undefined，没有值但不会报错
  var name= 1;
}

{
  console.log(name); // name为定义
  let name = 'demo';
}

三、常量
const声明的变量就是常量

const PI = 3.1415;  // 定义一个圆周率常量 PI
PI = 12             // 此时会报错该变量是常量，不能修改常量

四、var、let、const三者的区别

• var 声明的变量是全局作用域下的，会污染全局变量；let、const 可以和 {} 连用，产生块作用域不会污染全局；
• var 存在提升，我们能在声明之前使用。let、const 因为暂时性死区的原因，不能在声明前使用；
• var 在同一作用域下，可以重复声明变量，会覆盖前者；let、const 不能重复声明变量，否则会报错；
• let 和 const 的用法基本一致，但是 const 声明的变量不能再次赋值。

欢迎访问我的个人博客