一、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 声明的变量不能再次赋值。