JavaScript中var、let、const的区别
2021/10/18 22:11:46
本文主要是介绍JavaScript中var、let、const的区别,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.重复声明
var支持重复声明,let、const不支持重复声明。
1.1 var
var a = 1; var a = 2; console.log(a);
输出结果:
2
1.2 let
let b = 3; let b = 4; console.log(b);
输出结果:
Uncaught SyntaxError: Identifier 'b' has already been declared
1.3 const
const c = 5; const c = 6; console.log(c);
输出结果:
Uncaught SyntaxError: Identifier 'c' has already been declared
2.变量提升
var支持变量提升,但是只提升声明不提升值。let、const不支持变量提升。
2.1 var
a=2; console.log(a); var a = 1;
输出结果:
2
2.2 let
a=2; console.log(a); let a = 1;
输出结果:
Uncaught ReferenceError: Cannot access 'a' before initialization at index.html:28
2.3 const
a=2; console.log(a); const a = 1;
输出结果:
Uncaught ReferenceError: Cannot access 'a' before initialization at index.html:28
3.暂时性死区
var不存在重复声明,let、const存在暂时性死区。
只要作用域内存在let、const,它们所声明的变量或常量就自动“绑定”在这个区域,不再受外部作用域影响。
3.1 var
var a = 1; function fun() { console.log(a); var a = 2; } fun();
输出结果:
undefined
3.2 let
let a = 1; function fun() { console.log(a); let a = 2; } fun();
输出结果:
Uncaught ReferenceError: Cannot access 'a' before initialization
3.3 conset
let a = 1; function fun() { console.log(a); const a = 2; } fun();
输出结果:
Uncaught ReferenceError: Cannot access 'a' before initialization
4. window对象的属性和方法
全局作用域中,var声明的变量、通过function声明的函数,会自动变成window对象的属性和方法。
var a = 1; function add() { }; console.log(window.a === a); console.log(window.add === add);
输出结果:
true true
5.块级作用域
var没有块级作用域,let、const有块级作用域。
使用var
在for循环中定义变量i:
for (var i = 0; i < 3; i++) { // console.log(i); } console.log(i);
输出结果:
3
使用let
在for循环中定义变量i:
for (let i = 0; i < 3; i++) { // console.log(i); } console.log(i);
输出结果:
Uncaught ReferenceError: i is not defined
这篇关于JavaScript中var、let、const的区别的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-04TiDB 资源管控的对撞测试以及最佳实践架构
- 2024-07-03万字长文聊聊Web3的组成架构
- 2024-07-02springboot项目无法注册到nacos-icode9专业技术文章分享
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现