let,var,const区别

最新推荐文章于 2024-06-16 12:11:16 发布

初见-Android

最新推荐文章于 2024-06-16 12:11:16 发布

阅读量80

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/aagjkgluhgyy/article/details/114025105

版权

本文介绍了ES6中let和const替代var定义变量和常量的原因。let解决了var导致的变量作用域穿透问题，防止了变量在块级作用域外被引用。const用于定义常量，一旦赋值不可更改，确保了常量的不变性。文章通过实例展示了let和const在防止变量穿透和常量修改方面的优势。

摘要由CSDN通过智能技术生成

定义变量

传统定义变量和常量都用var
Es6
1. 定义变量用let
2. 定义常量用const

var name = "dasda";
var PI = Math.E;
-----------------------
let pwd = 123;
const PI = Math.E;

let,var,const区别

let和const解决var变量穿透问题和常量修改问题

穿透问题

<script>
    for(var i = 0; i <= 5; i++){
        console.log(i);
    }
	console.log(i);
</script>
test.html:12 1
test.html:12 2
test.html:12 3
test.html:12 4
test.html:12 5
test.html:14 6
//6被输出，出现穿透问题
<script>
    for(let i = 0; i <= 5; i++){
        console.log(i);
    }
	console.log(i);
</script>
test.html:12 1
test.html:12 2
test.html:12 3
test.html:12 4
test.html:12 5
test.html:14 Uncaught ReferenceError: i is not defined
    at test.html:14
//使用let以后报错不会出现穿透问题

常量修改问题

//使用var定义常量是可以修改的
<script>
    var A = "aaa";
	A = "bbb"
	console.log(A)
</script>
//使用const定义常量修改报错
<script>
    const A = "aaa";
	A = "bbb"
	console.log(A)
</script>
test.html:12 Uncaught TypeError: Assignment to constant variable.
    at test.html:12