JS基本语法-JavaScript中var，let和const关键字的异同

た入场券 2023-10-05 15:17 5阅读 0赞

#### 简介： ####

JavaScript中，常用var，let和const声明一个变量，这三个标识符都是JavaScript的关键字，它们的表现并不总是一样。

let 声明的变量只在 let 命令所在的代码块内有效。  
const 声明一个只读的常量，一旦声明，常量的值就不能改变。

####  **1. var，let和const在使用中的不同表现结果：** ####

（1）先使用，后声明：

console.log(a); // undefined  ==>  a已声明还没赋值【var a】，默认得到undefined值
    var a = 100;
    
    console.log(b); // Uncaught ReferenceError: b is not defined ==> 报错：找不到b这个变量
    let b = 10;
    
    console.log(c); // Uncaught ReferenceError: c is not defined ==> 报错：找不到c这个变量
    const c = 10;

（2）在块作用域的表现：

//在块作用域中的表现
    {
         var a = 100;
         let b = 10;
     }
     console.log(a); // 100
     console.log(b)  // 报错：b is not defined  ===> 找不到b这个变量
    
     if(true){
         var a = 100;     
         const c = 1;
     }
      console.log(a); // 100
      console.log(c)  // 报错：c is not defined  ===> 找不到c这个变量

（3）在html的window对象上的表现：

var声明的变量可以被window引用；

let和const的无法被window引用，报错“undefined”。

var a = 'a';
    console.log(a,window.a) //abc abc
    
    let b = 'b';
    console.log(b,window.b) //b undefined
    
    const c = 123;
    console.log(c,window.c) //123 undefined

#### 2.const的特别说明： ####

必须在声明的同时进行赋值，而且不能设为null;

const是声明一个常量，所以，声明后，不能被修改；

如果声明的是复合类型数据，可以修改其属性

**例子：**

const a = 'abc';
    
    const list = [];
    list[2] = 'abc';
    console.log(list);　　//  [empty × 2, "abc"]
    
    const obj = {a:100};
    obj.a = 'abc';
    console.log(obj);　　// {a:'abc'}

#### **3. JavaScript 作用域：**  ####

.如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。  
.你的全局变量，或者函数，可以覆盖 window 对象的变量或者函数。  
.局部变量，包括 window 对象可以覆盖全局变量和函数。

--------------------

常量，变量，作用域，从C语言开始就一直在被强调。