JS基础_01—变量声明

一、var 的使用以及作用域

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

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

​ (3). var的作用域主要和函数的定义有关，对{}没有局部作用域这一说

I.全局作用域

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

II.局部（函数）作用域

如果是在函数内部使用var声明变量，那么其作用域是局部的，只能在函数内部被访问；

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

III. var 的声明与变量提升

在使用变量前，需要先对变量进行声明，如果只声明、未赋值，则会初始化值为undefined。
var可以修改，也可以被重复声明。当对var 进行重复声明时，后面的变量可以覆盖前面的变量，相当于变量重置。

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

var a = 100;
var a = 1000;
console.log(a)//输出1000

在编译时：
var a;
a = 100;
a = 1000;
console.log(a)

二、let 的使用以及作用域

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

{
   var q = 100;
}
console.log(q)//输出100

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

{
   let q = 100;
}
console.log(q)//ReferenceError: q is not defined

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

{
    let a =99;
    let a =991;
}
// Identifier 'a' has already been declared

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

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

​ (5).暂存性死区：在该块级作用域内，let命令声明之前，该变量不可用，在语法上称为暂时性死区。

//使用let
console.log(a);
let a = 100;//ReferenceError: a is not defined



//但是使用var，不报错，有变量提升
console.log(a);//undefined
var a = 100;

三、const 的使用以及作用域

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

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

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

四、总结

​ 1、作用域：

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

​ 2、声明时是否需要初始化：

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

​ 3、修改与重复声明：

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

​ 4、变量提升：

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

​ 5、暂存性死区：

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