JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别

　　ES2015（ES6）带来了许多闪亮的新功能，自2017年以来，许多JavaScript开发人员已经熟悉并开始使用这些功能。虽然这种假设可能是正确的，但仍有可能其中一些功能对某些人来说仍然是一个谜。

　　ES6带来的一个新特性是新增了通过使用let、const来声明变量。在本文中，我们将讨论var，let和const的范围，使用和提升。在您阅读时，请注意它们之间的差异，我会指出。

VAR

VAR的范围

　　范围本质是意味着这些变量可供使用的位置。var声明的范围是全局作用于或者本地函数作用域。当一个var变量声明在函数外面时它的作用域是全局的，这意味着在整个窗口中可以使用在函数块外部使用var声明的任何变量。var变量在函数内声明时是函数作用域。这意味着它可用，只能在该函数中访问。

　　我们举一个例子：

<script>
    var greeter = "Hello";
    function hello() {
        var hi = "Hi";
    }
</script>

　　在这里，greeter是全局范围的，因为它存在于函数外部，而hello是函数作用域。所以我们不能在函数外部访问变量hi。所以，如果我们这样做：

var变量可以重新声明和更新

　　这个是比较好理解的

var变量提升

　　变量提升是什么意思呢？比如我们看下面这段代码

　　当f()执行后，输出的结果是什么？可能你会说是日期，因为函数f()中，虽然想对tmp进行字符串赋值，但是被if制止了，所以还是以前的Date类型，其实是错误的。这里涉及到一个问题，就是变量提升(Hoisting)，它是一种JavaScript机制，它规定变量和函数声明在代码执行之前被移动到其作用域的顶部。所以上面代码等同于下面代码：

　　所以，结果就是undefined。

var变量带来的问题

　　var有一个弱点。我将使用下面的例子来解释这一点。

　　这段代码看起来是没有任何问题的，但是却是一个巨大的隐患，虽然如果您故意要求重新定义greeter，这不是问题，但如果您没有意识到之前已经定义过变量greeter，则会成为一个问题。如果您在代码的其他部分使用了greeter，那么您可能会对可能获得的输出感到惊讶。这可能会导致代码中出现很多错误。这就是let和const必要的原因。

　　也即是说，如果定义在全局作用域的var变量，极有可能对以前定义的同名变量进行覆盖，从而引发问题，而这一切我们都茫然不知。