JavaScript 作用域

JavaScript 局部作用域

变量在函数内声明，变量为局部作用域。

局部变量：只能在函数内部访问。 因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。

局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。

如图：

// 此处不能调用 carName 变量
function myFunction(){
    var carName = "Volvo";
}
myFunction();
alert(carName)

如果在函数外调用carName就不会弹出

JavaScript 全局变量

变量在函数外定义，即为全局变量。

全局变量有 全局作用域: 网页中所有脚本和函数均可使用。

如图：

var carName = "Volvo";
// 此处可调用 carName 变量
function myFunction() {
    carName ="demo"
    alert(carName)
    // 函数内可调用 carName 变量
}
myFunction()
alert(carName)

如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

在图中 carName 在函数内，为全局变量。两次弹出的结果为demo

如果变量在函数内使用了var，该变量在函数外弹出的是Volvo，在函数内弹出的是demo

HTML 中的全局变量

在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

//此处可使用 window.carName
function myFunction() {
    carName = "Volvo";
}