变量声明(var let const)

天天敲bug

于 2020-08-14 12:13:23 发布

阅读量108

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript

7 篇文章

订阅专栏

本文深入探讨了JavaScript中变量声明的方式，包括var、let和const的区别，以及它们在不同作用域下的行为。通过实例解释了变量提升的概念，并对比了全局作用域与块级作用域的变量访问规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般在声明变量时候,会常常使用var声明变量:

var i = 1;
console.log(i); // 1

但是值声明在不赋值的情况下,i值会变成undefind

var i;
console.log(i); // undefined

在不同作用域去声明
var在全局作用域下赋值后,在块级作用域可以调用

var i = 2; // 全局作用域
function test(){ // 函作用域
	var j = 3;
	console.log(i + j); // 5
}
test();

如果在声明之前去打印j的值会显示undefined

function test(){ // 函作用域
	console.log(j); // undefind
	var j = 3;
}
test();

这里相当于var j的变量提升,等同于

function test(){ // 函作用域
	var j;
	console.log(j); // undefind
	j = 3;
}
test();

这里在说明块级作用域,就是通常存在if,for,function中的{}
let没有变量提升

function test(){ // 函作用域
	console.log(j); // 报错
	let j = 3;
}
test();

而且let声明过的变量不能再重复声明,这点跟const一样

let i = 3,
let i = 5; // 报错
console.log(i)

而const声明的变量必须是常量,也不能修改

const i; // 报错
i = 3; 
console.log(i)

const i =4;
i = 3; // 报错
console.log(i)