javaScripts中如何使用var、let和const声明变量

在JavaScript中，var、let和const是三种不同的变量声明方式，它们各自有不同的特点和适用场景。

1.使用var声明变量

• 特点

1. 函数作用域：var声明的变量具有函数作用域，意味着变量在声明它的整个函数内部都是可见的，而不是块级作用域（代码块{}内）。
2. 变量提升：使用var声明的变量会被提升到函数或全局作用域的顶部，可以在声明之前访问，但值为undefined。
3. 可重复声明：在同一作用域内可以多次使用var声明同一个变量，后面的声明会覆盖前面的声明。

示例正确代码

function testVar() {

    if (true) {

        var x = 10;

    }

document.write(x); // 输出: 10，

}

testVar();

 

2.使用let声明变量

• 特点

1. 块级作用域：let声明的变量具有块级作用域，只在声明它的代码块{}内有效。
2. 不存在变量提升：let声明的变量不会被提升到作用域顶部，在声明之前访问会导致ReferenceError。
3. 不可重复声明：在同一作用域内不能使用let重复声明同一个变量。

示例错误代码

function testLet() {

    if (true) {

        let a = 10;

    }

document.write(a); }

testLet();

//正确修改方法：将let改为var或是去掉if语句

//将let改为var的作用是：使用var声明的变量会被提升到函数或全局作用域的顶部

//去掉if语句的作用是：让let定义的a和输出document.write(a);处于同一作用域。

3. 使用const声明常量

• 特点

1. 块级作用域：和let一样，const声明的常量也具有块级作用域。
2. 不存在变量提升：同样，const声明的常量不会被提升到作用域顶部，在声明之前访问会导致ReferenceError。
3. 不可重复声明：在同一作用域内不能使用const重复声明同一个常量。
4. 必须初始化：使用const声明常量时必须同时进行初始化赋值，并且一旦赋值后，常量的值不能再被修改（对于引用类型，虽然不能重新赋值，但可以修改其内部属性）。

示例错误代码

function testConst() {

    if (true) {

        const d = 10;

    }

document.write(d); // 报错: ReferenceError，因为 d 具有块级作用域

}

testConst();

//正确修改方法：将const改为var或是去掉if语句

//将const改为var的作用是：使用var声明的变量会被提升到函数或全局作用域的顶部

//去掉if语句的作用是：让const定义的d和输出document.write(d);处于同一作用域。

// 对于引用类型，可修改内部属性示例正确代码：

const obj = { name: 'John' };

obj.name = 'Jane';

document.write(obj.name);