1.声明后未赋值,var和let表现相同,const必须初始化
(function() {
var varTest;
let letTest;
const constTest;//错误,必须初始化
console.log(varTest); //输出undefined
console.log(letTest); //输出undefined
}());
2.使用未声明的变量,var输出undefined,let和const报错
(function() {
console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
console.log(letTest); //直接报错:ReferenceError: letTest is not defined
console.log(constTest); // 直接报错:ReferenceError: constTest is not defined
var varTest = 'test var OK.';
let letTest = 'test let OK.';
const constTest = 'test const OK.';
}());
3.同一作用域下let和const不能声明同名变量,而var可以
(function() {
var varTest = 'test var OK.';
let letTest = 'test let OK.';
var varTest = 'varTest changed.';
let letTest = 'letTest changed.'; //直接报错:SyntaxError: Identifier 'letTest' has already been declared
console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)
console.log(letTest);
}());
4.变量作用范围,表现不同
(function() {
var varTest = 'test var OK.';
let letTest = 'test let OK.';
{
var varTest = 'varTest changed.';
let letTest = 'letTest changed.';
}
console.log(varTest); //输出"varTest changed.",内部"{}"中声明的varTest变量覆盖外部的letTest声明
console.log(letTest); //输出"test let OK.",内部"{}"中声明的letTest和外部的letTest不是同一个变量
}());
5.if语句和for语句属于块作用域,if语句和for语句中用var定义的变量可以在外面访问到。
if(true) {
var c = 3;
}
console.log(c); // 输出3
for(var i = 0; i < 4; i ++) {
var d = 5;
};
console.log(i); // 输出4 (循环结束i已经是4,所以此处i为4)
console.log(d); // 输出5
6.函数作用域,var,let和const三个关键字声明的变量都不能跨函数作用域访问
(function A() {
var d = 5;
let e = 6;
const f = 7;
console.log(d); // 5
console.log(e); // 6
console.log(f); // 7
})();
console.log(d); // 报错
console.log(e); // 报错
console.log(f); // 报错
7.const是块级作用域,定义的变量不可以修改,而且必须初始化,const定义的是一个恒定的常量,如果声明的是复合类型数据,可以修改其属性
//一个例子
const b = 2;//正确
// const b;//错误,必须初始化
console.log('函数外const定义b:' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b:' + b);//无法输出
const list = [];
list[2] = 'abc';
console.log(list); // [empty × 2, "abc"]
const obj = {a:100};
obj.a = 'abc';
console.log(obj); // {a:'abc'}
8.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
9.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
10.直接使用a=“a“的方式
//未定义情况下
console.log(a); //报错,需要先定义
//初始化
a = "aaa";
console.log(a); //打印aaa
// //修改变量
a = "bbb";
console.log(a); //打印a已经被声明了