一、JavaScript基础[var、let、const]

一、基础

1.变量

• var：可作用于函数作用域；不可作用于块作用域；存在变量提升；不存在暂时性死区；可重复定义
• let：可作用于函数作用域；可作用于块作用域；不存在变量提升；存在暂时性死区；不可重复定义
  • 定义时，可以不赋值；可以重复赋值
• const：可作用于函数作用域；可作用于块作用域；不存在变量提升；存在暂时性死区；不可重复定义
  • 定义时，必须要赋值；只能赋值一次

---

• 函数作用域

	# 解释：写在函数里面的变量不论是什么类型，外部都无法访问；函数作用域指的就是函数
    <script>
        function test(){
            var a=1
            let b=2
            const c=3
        }
        test()
        console.log(a);//Uncaught ReferenceError: a is not defined
        console.log(b);//Uncaught ReferenceError: b is not defined
        console.log(c);//Uncaught ReferenceError: c is not defined
    </script>

• 块作用域

	# 解释：只有let、const作用于块；块作用域指的就是比如if、for、while等等这种类型
    <script>
        if(1){
            var a=1
        }
        if(1){
            let b=2
        }
        if(1){
            const c=3
        }
        console.log(a)   // 1     
        console.log(b)   // Uncaught ReferenceError: b is not defined 
        console.log(c)   // Uncaught ReferenceError: c is not defined      
    </script>

• 变量提升

# 解释：var定义的变量在运行时，总会把定义最先运行（先运行这个定义的内容，其不包括赋值）；let与const则不行，其会直接报错
console.log(a);// undefined  非报错内容，只是表示没有定义即没有赋值
var a = 66;
// 等同于
var a;
console.log(a);// undefined  非报错内容，只是表示没有定义即没有赋值
a=66;

• 暂时性死区

# 暂时性死区，即不能变量提升，通俗来说就算先定义再使用（相反的是var可以先使用再定义）
console.log(a); //Cannot access 'a' before initialization
console.log(b); //Cannot access 'b' before initialization
let a = 66;
const b = 100;

• 重复定义

# let、const不可重复定义，重复后会报错；var可以，且取最近一次赋值
const b=1;
const b=20;//  Identifier 'b' has already been declared

var a=10
var a=20
console.log(a)// 20