先说说他们三兄弟是干什么的,var就像大宝一样，正所谓大宝天天见，var是我们作为变量的一种声明方式, 而let、const和var的功能一样，也是声明变量的一种方式。既然大家都是声明变量用的何必要这么多呢，一山不容二虎啊,何况是三个。我们知道任何一个东西都不是十全十美，语言也是如此，var算是js语言的一个bug，后来随着语言的发展在es6中这个bug被修复了,也就是说引入了let和const，别误会啊，这两个可不是一公一母啊。来吧
WX20180416-230045@2x.png
function test() {
console.log(name1); // undefined
console.log(name2); // Uncaught ReferenceError: name2 is not defined
console.log(name3); // Uncaught ReferenceError: name2 is not defined
var name1;
let name2;
const name3;
console.log(name1); // undefined
console.log(name2); // undefined
console.log(name3); // Uncaught SyntaxError: Missing initializer in const declaration
var name1 = 1;
let name2 = 2;
const name3 = 3;
console.log(name1); // 1
console.log(name2); // 2
console.log(name3); // 3
var name1 = 100;
let name2 = 200;
const name3 = 300;
console.log(name1); // 101
console.log(name2); // Uncaught SyntaxError: Identifier 'name2' has already been declared
console.log(name3); // Uncaught SyntaxError: Identifier 'name3' has already been declared
{
var name1 = 11;
let name2 = 22;
const name3 = 33;
console.log(name1); // 11
console.log(name2); // 22
console.log(name3); // 33
}
console.log(name1); // 11
console.log(name2); // 2
console.log(name3); // 3
}
test();
我们从上往下来看console的输出：
-
第一打印的时候，name1、name2、name3我们并没有定义，然而name1可以输出undefined,name2,name2却报错了，这是由于var具有变量的提升功能而let和const却没有。
-
第二次打印的时候name1和name2输出undefined，name3报错。
-
第三次打印的时候三个都正常输出
-
第四次打印：我们对已经存在的变量重新定义只有name1重新定义成功了，而let和const却报‘Uncaught SyntaxError: Identifier 'name3' has already been declared’，说明 对于同一变量在同一作用域内var是可以被重复定义的，而let和const 是不可以的。
-
第五次打印的时候，由于在代码块中重新定义了name1、name2、name3，代码也正常输出了。
-
第五次打印的时候，var 定义的name1被代码块中的定义修改成了11；而name2和name3却没有动；说明const和let只在块作用域中有用。var 却在整个函数的生命周期中都有用，并且很容易被修改
总结一下
