乐趣区

JS变量作用域

1. 全局作用域

&& var:不在任何函数体内定义的 var 变量具有全局作用域(不同函数内部的同名变量互相独立,互不影响:);&& let 和 const: 不在任何块级(即 {} 内)语句中定义的 let 变量或 const 常量具有全局作用域(不同块级(即 {} 内)语句内部的同名变量互相独立,互不影响:)。
// 1. 如果一个 var 变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量:
function garden() {
var x = 1;
x = x + 1;
}
x = x + 2; // ReferenceError! 无法在函数体外引用变量 x

// 2. 如果一个 let 变量或 const 常量在块级(即 {} 内)语句内部申明,则该变量的作用域为整个块级(即 {} 内)语句,
// 在块级(即 {} 内)语句外不可引用该变量:
if (true) {
var upperA = ‘LetterA’;
}
upperA + ‘B’; // ReferenceError: upperA is not defined

// 3. 由于 JavaScript 的函数可以嵌套,此时,内部函数可以访问外部函数定义的变量,反过来则不行:
function garden() {
let x = 1;
function showtime() {
let y = x + 1; // showtime 可以访问 garden 的变量 x!
}
let z = y + 1; // ReferenceError! garden 不可以访问 showtime 的变量 y!
}

提醒:JavaScript 的函数在查找变量时从自身函数定义开始,从“内”向“外”查找。如果内部函数定义了与外部函数重名的变量,则内部函数的变量将“屏蔽”外部函数的变量。

2. 局部作用域
在任何块级(即 {} 内)语句中定义变量或常量具有全局作用域。

退出移动版