首先，我们来看var关键字。var是变量定义的老方式，在ES6之前一直是JavaScript中定义变量的主流方式。它可以全局和局部都定义变量，但有个比较大的问题，就是变量提升。
变量提升是指在代码执行前，JavaScript引擎会将所有使用var声明的变量和函数名提前到顶部，也就是说，无论变量是在什么位置声明的，在代码任何地方都可以使用。具体可以看下面的代码：
console.log(a);var a = 1;
上述代码可行，不会报错，但是输出结果是undefined。这是因为在JavaScript引擎中，上述代码实际上被解析成了下面这种形式：
var a;console.log(a);a = 1;
因此，我们在使用var定义变量时要特别注意避免变量提升带来的问题。
相应的，let关键字在ES6中引入，它与var的区别在于它不会存在变量提升，而是只存在块级作用域。块级作用域是指在一对花括号{}内的变量只在该花括号内有效，出了花括号再使用就会报错。例如：
{let c = 1;}console.log(c); // 报错：c is not defined需要注意let变量定义后不能重复定义，否则会报错。例如：
let b = 1;let b = 2; // 报错：Identifier 'b' has already been declared
与var关键字不同，let变量只能在代码块中被定义一次。此外，let还能在for循环中使用，形成每一次迭代的块级作用域。例如：
for (let i = 0; i < 5; i++) {console.log(i);}console.log(i); // 报错：i is not defined以上是var和let两个关键字的基本区别和使用方式。在实际开发中，我们要选择合适的关键字来定义变量，避免变量提升和作用域问题带来的麻烦。
上一篇：javascript中事件是什么
下一篇：css按钮框显示文本
