var 、 let 、 const 都是js语言用来声明一个变量的关键字
var 声明作用域
function test (){
var message = "hi";
}
test();
console.log(message);// Uncaught ReferenceError: message is not defined
使用var
在方法中定义的变量会成为局部变量,在方法外使用会报错
function test(){
message = "hi";
}
test();
console.log(message);//hi
不使用操作符也可以定义变量,而且不受到代码块限制,是全局变量,但这么做会造成项目难以维护,全局变量容易受到污染,在严格模式下,会抛出ReferenceError
"use strict"
function test(){
message = "hi";
}
test();
console.log(message);//ReferenceError: dasd is not defined
var 声明提升
function foo() {
conslone.log(age);
var age = 18;
}
foo()//undefined
使用var
定义变量时,在定义之前使用不会报错,因为var
关键字会将变量提升到函数作用域顶部
var 也可以反复多次被定义而不会报错(自己去试)
let声明
let
和var
的区别
let
声明的范围是块作用域 ,var
是函数作用域
if (true) {
var name = "chenyu";
console.log(name);//chenyu
}
console.log(name);//chenyu
if (true) {
let cName = "晨昱";
console.log(cName);//晨昱
}
console.log(cName);//ReferenceError: cName is not defined
注意此处 , if
是一个代码块,而不是一个函数,所以var
可以穿透代码块,而let 不可以
由于var
的此特性会导致变量被污染,所以在实际项目中 let
应该优先于 var
。
let 暂时性死区
这个概念很好理解,就是let
不会进行声明提升,所以在定义let
变量前使用会报错
ReferenceError: xxx is not defined
全局声明
就是var
定义的会被挂到window对象上,let
不会
const
常量。。。。。
对对象没用,对象用Object.freeze()
这个
关于他们三个的优先使用
const > let > var
let 和var 对照上述特性就知道了
至于const 红宝书上说什么让浏览器运行时强制保持不变。。。
反正优先使用const就对了