js函数内未声明变量的作用域

发表于 2016-09-24 | 分类于 js | | 5

背景

js虽然一直在使用，但是脑中的知识并不成体系，多数情况是在网上搜索代码段然后复制粘贴。趁现在有时间通过菜鸟教程系统的学习一下js。

问题

在菜鸟教程函数这一部分，有下面这段话，我觉得比较神奇，于是验证一番。

向未声明的 JavaScript 变量分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这条语句：
1
2
>carname="Volvo";
>

将声明一个全局变量 carname，即使它在函数内执行

验证

起初我根据字面意思理解，在函数内只要定义了如上所述的一个变量，那么在全局就都可以访问，于是我写了如下一段代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        function o() {
            wang = "wanghan";
        }
        alert("hehe");
        alert(wang);
    </script>
</head>
<body>
</body>
</html>

发现hehe可以正常弹出，而wang却不行。我立马就火了，这菜鸟教程怎么回事？！明白过来是半个小时以后的事了，原来我只是定义了函数，而并未调用过它，变量也就无从创建了。所以改成下面这个样子，就可以访问啦。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        function o() {
            wang = "wanghan";
        }
        o();
        alert("hehe");
        alert(wang);
    </script>
</head>
<body>
</body>
</html>