Js中let const var 的区别（ES6必学知识点）

tifa_tifa

于 2022-01-05 19:17:20 发布

阅读量118

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/tifa_tifa/article/details/122109416

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了JavaScript中定义变量的三种方式——const、var和let的差异。const定义的变量不可修改且必须初始化；var定义的变量可修改，未初始化时为undefined，具备函数作用域；let则在块级作用域内有效，函数内部定义不影响外部。通过实例展示了它们的使用和效果。

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

Js中三种定义变量的方式const， var， let的区别。

1）const定义的变量不可以修改，而且必须初始化。

const b = 2;//正确
// const b;//错误，必须初始化 
console.log('函数外const定义b：' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b：' + b);//无法输出

2）var定义的变量可以修改，如果不初始化会输出undefined，不会报错。

var a = 1;
// var a;//不会报错
console.log('函数外var定义a：' + a);//可以输出a=1
function change(){
a = 4;
console.log('函数内var定义a：' + a);//可以输出a=4
}
change();
console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4

3) let是块级作用域，函数内部使用let定义后，对函数外部无影响。

let c = 3;
console.log('函数外let定义c：' + c);//输出c=3
function change(){
let c = 6;
console.log('函数内let定义c：' + c);//输出c=6
}
change();
console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3