JS中定义变量的几种方法，你都知道吗

╰+攻爆jí腚メ 2023-05-30 03:50 9阅读 0赞

前段时间看了一道面试题，问JS有几种定义变量的方式，平时用的一般的就是var声明了，最多在用到一个let，当时就想的两种。之后看答案是三种，当时就蒙了，之后找了一些资料看了一下。才知道原来JS有三种声明变量的方式：var，let，const。这里整理记录一下。

**1、var定义的变量可以修改，如果不初始化会输出undefined，不会报错，也是最常用的一种定义变量方式。**

var定义变量在方法中修改，全局也对应修改

var a = 1;
    var b;
    console.log("默认值："+b);
    console.log('函数外var定义a：' + a);
    //调用方法
    change();
    console.log('函数调用后var定义a为函数内部修改值：' + a);
    
    function change(){
        //在方法中修改变量
        a = 4;
        console.log('函数内var定义a：' + a);//可以输出a=4
    }

输出：

![20191107103443380.png][]

**2、const定义的变量不可以修改，而且必须初始化，一般用于定义常量，比如const PI=3.14;**

定义const变量，使用

//定义const变量输出
    const b = 2;
    change();
    console.log('const定义b：' + b);
    
    function change(){
    	console.log("函数类使用b:"+b);
    }

![20191107104648455.png][]

错误案例：

const定义变量，不能修改

//定义const变量输出
    const b = 2;
    b = 5;
    console.log('const定义b：' + b);

修改const变量会报错

![20191107104428708.png][]

**3、let是块级作用域，函数内部使用let定义后，对函数外部无影响。**

//定义let类型变量
    let c = 3;
    console.log('函数外let定义c：' + c);
    //调用方法
    change();
    //调用方法后输出
    console.log('函数调用后let定义c不受函数内部定义影响：' + c);
    
    function change(){
    	//方法中定义相同名称的let变量
    	let c = 6;
    	console.log('函数内let定义c：' + c);
    }

输出结果

![20191107105323830.png][]

[20191107103443380.png]: https://img-blog.csdnimg.cn/20191107103443380.png
[20191107104648455.png]: https://img-blog.csdnimg.cn/20191107104648455.png
[20191107104428708.png]: https://img-blog.csdnimg.cn/20191107104428708.png
[20191107105323830.png]: https://img-blog.csdnimg.cn/20191107105323830.png