var、const、let 的区别

时间：2018-12-14 17:42:04 阅读：138 评论：0 收藏：0 [点我收藏+]

标签：uil tps www. img word attr keyword 初始化 amp

定义变量的三种方式

var、const、let 都可以用来定义变量，但三者之间存在区别。

var

var 声明变量的时候无需初始化。
var 声明的变量可在后面进行修改。
var 声明的全局变量可以被函数修改。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    var a;
    console.log(‘定义a变量，此时没有初始化，a的值为：‘,a);

    a = 1;
    console.log(‘修改a的值，此时a的值为：‘,a);

    function chageVarA () {
        a = 2;
        console.log(‘在函数里面修改a的值，此时a的值为：‘,a);
    }
    chageVarA();

    console.log(‘在函数执行后，全局变量a的值为：‘,a);
</script>
</body>
</html>

执行的结果为：
技术分享图片

const

const 声明变量时必须初始化。
const 声明的变量不能被修改。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="smy1.com text/javascript">
    const a;
    console.log(a);
</script>
</body>
</html>

执行的结果为：
技术分享图片

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    const a = 1;
    console.log(‘初始化a变量，此时a的值为：‘,a);

    a = 2;
    console.log(‘修改a的值，此时a的值为：‘,a)
</script>
</body>
</html>

执行的结果为：
技术分享图片

let

let 是块级作用域。
在函数内部使用let后，对函数外部的变量无影响。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    var a = 1;
    console.log(‘初始化变量a，此时a的值为：‘,a);

    function changeLet(){
        let a = 2;
        console.log(‘执行变量修改函数，在函数内容a的值为：‘,a);
    }
    changeLet();

    console.log(‘执行变量修改函数后，全局变量a的值为：‘,a);
</script>
</body>
</html>

执行的结果为：
技术分享图片

var、const、let 的区别

标签：uil tps www. img word attr keyword 初始化 amp

原文地址：https://www.cnblogs.com/xinshijue6080/p/10119610.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行