【原创】关于JavaScript中的局部变量和全局变量

举例说明：

1.全局变量，例①：

<p id="demo"></p>
<script>
carName = "Volvo";
//var carName = "Volvo";
myFunction();
function myFunction()
{
    document.getElementById("demo").innerHTML = "carName 的类型是：" +  typeof carName;
}
</script>

例②：

<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML = "carName 的类型是：" +  typeof carName;
function myFunction()
{
    carName = "Volvo";//不可加var，具体例子看局部变量1
}
</script>

例③：

<p id="demo"></p>
<script>
//下面代码不是在函数中，而是在花括号中！！！
{
    var carName = "Volvo";
    //carName = "Volvo";
}
document.getElementById("demo").innerHTML = "carName 的类型是：" +  typeof carName;
</script>

2.局部变量，例①：

<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML = "carName 的类型是：" +  typeof carName;
function myFunction() 
{
    var carName = "Volvo";
}
</script>

3.非严格模式下的变量，例：

<script>
var var1 = 1; // 不可配置全局属性
var2 = 2; // 没有使用 var 声明，可配置全局属性

console.log(this.var1); // 1
console.log(window.var1); // 1

delete var1; // false 无法删除
console.log(var1); //1

delete var2; 
console.log(delete var2); // true
console.log(var2); // 已经删除 报错变量未定义
</script>

注意： 函数：console.log(…) 用于在控制台输出，这种操作可以方便后台的校验。点击运行之后，可按F12键进入控制台。

总结：

1.未在函数中的变量：不论有无var定义，都视为全局变量；

2.在函数中的变量：未用var定义，视为全局变量；用var定义，视为局部变量；

3.不在函数中，但在花括号（"{}"）中的变量：无论有无var定义，都视为全局变量；如果有let定义的变量，则为局部变量；

4.非严格模式下的变量：无var定义的，可配置全局变量；有var定义的，不可配置全局变量；

5.（特殊）在for循环内的var定义的变量是全局变量；let定义的为局部变量。

建议：

规范书写代码格式！

参考文档 | JavaScript 作用域 | 菜鸟教程