介绍

一、var 的使用以及作用域

(1).作用域是指函数或变量的可供访问的范围。

(2). var可以定义全局变量和局部变量

(3). var的作用域主要和函数的定义有关

I.全局作用域

如果是在任意函数的外部声明var变量,其作用域是全局的;

II.局部(函数)作用域

如果是在函数内部声明var,其作用域是局部的,只能在函数内部被访问;

对其他块定义没有作用域,比如if、for,这就会导致外部同名变量可以随意修改在if/for内定义的变量。

III. var 的声明与变量提升

在使用变量前,需要先对变量进行声明,如果只声明、未赋值,则会初始化值为undefined。

var可以修改,也可以被重复声明。当对var 进行重复声明时,后面的变量可以覆盖前面的变量,相当于变量重置。

var的变量提升: JS引擎在预编译代码时,会优先获取所有被var声明的变量和函数,将它们放在代码的头部然后从上到下执行。

二、let 的使用以及作用域

(1).let允许声明一个作用域被限制在 块级中的变量、语句或者表达式。与 var 关键字不同的是, var声明的变量只能是全局或者整个函数块的。

(2).let声明的变量 只在它所处的代码块内有效,属于块级作用域。块是由 { } 界定的。

(3).let 可以被修改,但不能被重复声明。

注意:这里的重复声明是指let不允许在相同作用域内,重复声明同一个变量。

(4).let不存在变量提升

(5).暂存性死区

三、const 的使用以及作用域

(1). 像let声明一样,const 声明只能在声明它们的块级作用域中访问

(2). const 声明一个只读的常量,这意味着声明后的常量不能被修改并且不能被重复声明,这也意味着const声明时就必须初始化,不能等到之后赋值。

所以,当我们修饰的标识符不会被再次赋值时, 就可以使用const来保证数据的安全性。

四、总结

作用域:

var声明的是全局作用域或函数作用域;而let和 const 是块作用域。

声明初始化:

var和let在声明的时候可以不进行初始化;而 const 在声明的时候必须初始化。

修改与重复声明:

var在可以修改和重复声明;而let只能修改,不能在同一作用域下重复声明;const 声明常量不可修改也不可重复声明。

变量提升:

var声明的变量存在变量提升,即变量可以在声明之前调用,值为undefined;let和 const 不存在变量提升,即它们所声明的变量一定要在声明后使用,否则会报错。

暂存性死区:

var不存在暂时性死区;let和const存在暂时性死区,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

练习

访问全局变量

var s = 500;
let p = 20;
const q = 100;

function test(){
    console.log(s,p,q)
}

test()

输出【500 20 100】

访问局部变量

function test(){
    var ps = 200;
}
console.log(ps)

这样会报错【ps is not defined】

在其他语言里,一个变量在同一个作用域里只能被定义一次,而var不一样

比如

var l = 100;
var l = 200;
console.log(l)

输出200,为什么出现这个情况

在解释器里

var l;
l = 100;
l = 200;

是变量提升

JS 以花括号区分作用域,一堆花括号就是单独的作用域

{
    var a = 500;
}
console.log(a);

输出500,它只对函数作用域生效

let 的话

{
    let a = 500;
}
console.log(a);

就报错【a is not defined】

不允许重复声明

{
    let a = 500;
    let a = 600;
}
console.log(a);

就报错【Identifier ‘a’ has already been declared】

暂存性死区

console.log(a);
let a = 500;

就报错【Cannot access ‘a’ before initialization】

常量

const a = 500;
a = 100;

就报错【Assignment to constant variable.】
不允许被修改,可以被访问