var、let、const小记

最新推荐文章于 2025-05-19 16:34:12 发布

原创最新推荐文章于 2025-05-19 16:34:12 发布 · 102 阅读

CC 4.0 BY-SA版权

博客主要介绍了JavaScript中var、let和const的区别。var存在变量提升，可重复定义，作用域为方法体；let在同一作用域下不能重复定义；const有块级作用域，同一作用域不能重复定义，且不存在变量提升，与let更为相似。

var
// 有变量提升
// 可重复定义后者覆盖前者
// 例如：
// var a = 10;
// var a = 20;
// console.log(a) //20
// 作用域是一个方法体内test() 举例如下：
// function test(){
// var str =10;
// if (true) {
// var str = 100;
// }
// console.log(str)
// }
//test() //输出100

let
//同一个作用域下不能重得的定义一个名称
// 例如：
// let a = 20;
// let a = 12;
// console.log(a) //Identifier ‘a’ has already been declared
// 标识符“a”已经声明

// 不存在变量提升
// console.log(c); //Uncaught ReferenceError: c is not defined
// let c = 123;
// 块级作用域
// 作用域对应的是{ } 举例如下：
// function test(){
// 	let str =10;
// 	if (true) {
// 		var let = 100;
// 	}
// 	console.log(str)
// }
// test();//10  与83行作用的范围不同打印的结果也不一样
// let 声明不会污染变量 
// 不存在可重复定义 后者覆盖前者这个情况

const
// 块级作用域
// 同一个作用域下不能重得的定义一个名称
// 不存在变量提升
// const其实和let 、 var 是差不多的，const更接近let,作用相当于是相同的

// const a1 = 1; //声明一个只读的常量
// const a1 = 5;
// const.log(a1)  //Identifier 'a1' has already been declared

// const a2 = 10;
// a2 = 20;
// const.log(a2)  //Assignment to constant variable.

// const 的值是没有办法进行改变的

// const a3 = 10; //声明一个只读的常量
// const a4;   //error 声明后必须要初始化，不允许只声明不赋值
// 针对基本类型 const的值是只可读不可改变的，

// 但是引用数据类型就可以变更值 举例如下：

// const obj = {};
// obj.name = "a"
// console.log(obj)  //{name: "a"}

// const arr = [];
// arr.push('1')
// console.log(arr)  //["1"]