5分钟快速掌握JS中var、let和const的异同

前言

首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？

ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。

2011 年，ECMAScript 5.1 版发布。之前我们大部分人用的也就是ES5

2015 年 6 月，ECMAScript 6 正式通过，成为国际标准。

好了，回归我们的正题。

本文说的这个话题对于一些老鸟来说可能根本算不上疑问，但对于新手来说也许除了最常见的var之外，let和const较少使用的机会。

所以在本文中，我将会通过一些例子来为大家介绍如何在Javascript中灵活使用var、let和const这些关键字来定义变量，以及这些关键字它们之间有什么异同。

如果你懒得看下面的代码，那我可以先把概念结论说出：

下面我将通过示例的形式来详细为大家介绍它们三者之间的异同：

Var

var用以声明一个变量，并且同时我们可以在声明语句中初始化所声明的变量。

例如：

var a = 10;

考虑以下代码片段：

function nodeSimplified() { var a =10; console.log(a); // 输出 10 if(true) { var a=20; console.log(a); // 输出 20 } console.log(a); // 输出 20}

在上面的代码中，你可以发现，当变量a在if代码段里被更新时，它的值被全局更新了，因此在经过了if代码后，被更新的值仍然被保留着。这与其他语言中的全局变量有点类似。但是，在使用这个功能时要非常小心，因为它有可能会覆盖一个已有的值。

let

let语句在一个块级范围里声明一个局部变量。和var类似，我们可以在声明时初始化它的值。

例如：

let a = 10;

考虑下面的代码片段：

function nodeSimplified() { let a =10; console.log(a); // output 10 if(true) { let a=20; console.log(a); // output 20 } console.log(a); // output 10}

它和大多数语言中我们所见的表现行为是一致的。

function nodeSimplified() { let a =10; let a =20; // 抛出语法错误 console.log(a); }