谈谈 var ， let ， const 几种声明变量方式的区别

我不是女神ヾ 2024-04-18 04:37 63阅读 0赞

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

**多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)**

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

关于声明变量，我们有var ， let ， 和 const几种方式，这次就来简单说一下他们之间的区别所在：

**var：**

通过一个简单的小例子来看一下var ，

var a = 30;
    if(true){
        var a = 50; 
        console.log(a)    //50
    }
    console.log(a)    //50

js打印一个变量时，都是从下往上找的，通过例子可以看到两次打印都是50，说明两次打印所找到的都是if语句中的var，这说明var 的作用域是全局的，不管在哪都可以使用的。

**let：**

同样的方法可以看一下let

let a = 30;
    if(true){
        let a = 50; 
        console.log(a)    //50
    }
    console.log(a)    //30

例子可以看出，二次打印时他并没有找到 if 语句中声明的a变量，而是又继续向上找的 if 外面声明的a,由此可见let声明的变量只在作用域范围内有效，出了作用域就找不到，可以看一下：只要出了作用域就会报错了

{
        let a = 30
    }
    console.log(a)   //报错

**const：**

const其实是声明常量所用

const x = 10;
    x = 100;
    
    console.log(x)   //报错

const声明常量是不可以更改的，更改就会报错

但是有一点需注意：那就是const声明的数组是可以通过push等方法往里面添加或删除数组的，但是不可更改类型，否则也会报错：

const arr = [];
    
    arr = "Green";
    console.log(arr );   //报错
    
    arr .push("red");
    arr .push("blue");
    console.log(arr );   //正常打印

好了，就是这些了，希望能帮助一些朋友！！！

发表评论取消回复

表情：

评论列表（有 0 条评论，63人围观）

还没有评论，来说两句吧...

相关阅读

相关谈谈 var ， let ， const 几种声明变量方式的区别

------------------- **多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)** ---...

我不是女神ヾ/ 2024年04月18日 04:37/ 0 赞/ 64 阅读

相关 js中三种定义变量的方式 var， let，const的区别

目录 1.var定义的变量可以修改，如果不初始化会输出undefined，不会报错 2.let是块级作用域，函数内部使用let定义后，对函数外部无影响 3..const定

末蓝、/ 2024年04月08日 12:47/ 0 赞/ 87 阅读

相关 var let const区别

在ES6（ES2015）出现之前，JavaScript中声明变量就只有通过 var 关键字，函数声明是通过 function 关键字，而在ES6之后，声明的方式有 var 、

快来打我*/ 2023年05月31日 07:25/ 0 赞/ 19 阅读

相关 js中const，var，let声明变量的区别

const: 定义的变量不可修改，而且必须初始化，也可以修饰方法，但是不能改, 会报错VM2154:1 Uncaught TypeError: Assignment to co

￡神魔★判官ぃ/ 2022年12月09日 02:40/ 0 赞/ 228 阅读

相关 var、let、const它们声明变量的区别

① var声明的变量属于函数作用域；let 和 const 声明的变量属于块级作用域，不能跨函数访问； ② var存在变量提升现象，而 let 和 const 没有； ③

偏执的太偏执、/ 2022年11月24日 14:14/ 0 赞/ 313 阅读

相关 JavaScript中声明变量var和let/const的区别讲解

> `let`和`const`是 ES6 新增的命令，用于声明变量，这两个命令跟 ES5 的`var`有许多不同，并且`let`和`const`也有一些细微的不同 `var`

小灰灰/ 2022年10月15日 09:57/ 0 赞/ 224 阅读

相关 javascript 三种变量申明方式var、let、const

在nodejs开发学习中，发现有let申明变量，故查询了下javascript的变量申明方式： var 申明方式；申明了一个要么是全局，要么是函数级的变量；这

今天药忘吃喽~/ 2022年07月15日 04:27/ 0 赞/ 167 阅读

相关 javascript 三种变量申明方式var、let、const

在nodejs开发学习中，发现有let申明变量，故查询了下javascript的变量申明方式： var 申明方式；申明了一个要么是全局，要么是函数级的变量；这

素颜马尾好姑娘i/ 2022年07月15日 04:27/ 0 赞/ 222 阅读

相关 var let const区别

var let const区别 [https://baijiahao.baidu.com/s?id=1621787284851612777&wfr=spider&for=pc

Love The Way You Lie/ 2022年02月21日 16:28/ 0 赞/ 266 阅读

相关 js（var let const ）声明变量要点总结

一：先说下js的概念：什么是js： js和HTML和css有相似之处，都是可以在浏览器中解析的.我们通常JavaScript叫做JS。JavaScript是一门运行

矫情吗；*/ 2021年09月29日 20:50/ 0 赞/ 529 阅读