var关键字
1.,var声明的范围是函数作用域。并且在函数执行完毕退出的时候会被销毁
function fn(){
var a=10;
}
fn();
console.log(a);//Uncaught ReferenceError: a is not defined
2.但是如果在声明变量的时候,没有使用var,就变成了全局变量,只需要定义一次fn2函数,就可以在外部进行访问(如果不执行fn2函数则不行,因为并没有进行声明)
function fn2(){
message="D";
}
fn2();
console.log(message);//D 这里也相当于是window.message
console.log(window.message);//D
3.变量声明提升
使用var时,声明的变量会自动提升到函数作用域的顶部,比如下面的代码就不会报错.
function foo() {
console.log(message); //undefined
var message = "D";
}
foo()
let关键字
1.let声明的范围是块级作用域,而var声明的范围是函数作用域。
if (true) {
var b = 20;
console.log(b);//20
}
console.log(b);//20
if (true) {
let a = 20;
console.log(a);//20
}
console.log(a);//Uncaught ReferenceError: a is not defined
2.let也不允许同一个块中重复声明。
var a;
var a;
let b;
let b;//Uncaught SyntaxError: Identifier "b" has already been declared;
//b 已经声明过了。
3.但是可以在不同的块中使用相同的变量名。
function fn() {
let a = 20;
console.log(a);//20
if (true) {
let a = 30;
console.log(a);//30
}
}
fn();
4.暂时性死区
let 与 var的另一个区别就是,let声明的变量不会在作用域中进行提升。
console.log(age);
let age=20;//Uncaught ReferenceError: Cannot access "age" before initialization
5.全局声明
和var不同的是,let声明的变量不会称为window对象的属性
var a="aaa";
console.log(window.a);//20
let b="bbb";
console.log(window.b);//undefined
const关键字
1.与let基本相同,唯一一个重要的区别就是在使用const关键字进行声明变量的时候都必须进行初始化,并且不允许修改变量。
2.说不能修改const声明的变量的引用,但是如果声明的是一个对象的话,我们可以修改它的属性。
const obj = {
name: "D",
};
console.log(obj.name);//D
obj.name = "Ding";
console.log(obj.name);//Ding