JavaScript中constvar和let区别浅析

Posted 霓虹!!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中constvar和let区别浅析相关的知识,希望对你有一定的参考价值。

let是修复了var的作用域的一些bug,变的更加好用。let是更好的var。var的作用于是函数作用于,而let是块级别(大括号括起来的内容)
const声明的变量只可以在声明时赋值,不可随意修改,这是最大的特点。

使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象;
使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升;
使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。

1.const定义的变量不可以修改,而且必须初始化

1
2
3
4
5
const b = 2;//正确
// const b;//错误,必须初始化
console.log(‘函数外const定义b:‘ + b);//有输出值
// b = 5;
// console.log(‘函数外修改const定义b:‘ + b);//无法输出

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

1
2
3
4
5
6
7
8
9
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定义后,对函数外部无影响。

1
2
3
4
5
6
7
8
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



以上是关于JavaScript中constvar和let区别浅析的主要内容,如果未能解决你的问题,请参考以下文章

JS中constvar和let区别

var和let和const

varletconst的区别

varletconst的区别

varletconst的区别

JavaScript中声明变量var和let/const的区别讲解