她与晚风 发表于 2023-5-30 20:26:44

为什么js的内部作用域可以用外部没有定义的变量

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
    if(3 < 5){
      age = 1;
    }
    console.log('全局: ' + age)
</script>
</head>
<body>
</body>
</html>

isdkz 发表于 2023-5-30 20:28:33

在 JavaScript 中,当你不使用var ,let , 或const关键字去声明一个变量时,那个变量就会自动成为全局变量,即使它被定义在一个函数或其他内部作用域内。这是因为JavaScript采用了词法作用域(lexical scoping),也就是静态作用域。

在你的例子中, age是在if语句块内定义的,但因为你没有使用var ,let , 或const关键字,所以age实际上是一个全局变量,而不是局部变量。这就是为什么你能在if语句块外部访问到age变量的原因。

不过,如果你使用了let或const关键字,那么age就会成为if语句块的局部变量,而不能在外部被访问到。这是因为let和const关键字在 ECMAScript 6(ES6)中被引入,它们提供了块级作用域(block scoping),与var关键字的函数作用域(function scoping)不同。

例如:
if(3 < 5){
let age = 1;
}
console.log('全局: ' + age) // 这里会抛出 ReferenceError,因为age是if语句块的局部变量


另外,随意地创建全局变量是一种不好的实践,因为这可能会导致命名冲突,或者无意中修改到其他地方使用的变量。因此,通常建议始终使用var ,let , 或const关键字去声明变量。

sfqxx 发表于 2023-5-30 21:37:27

这是因为在 JavaScript 中,变量的查找是基于词法作用域链(Lexical Scope Chain)的。在函数被嵌套时,内部函数可以访问外部函数中的变量和参数,甚至可以访问全局作用域中的变量。

在你的示例中,`age` 是在一个条件语句中被声明,并赋值给了 `1`。由于变量声明没有使用关键字 `var` 或其他声明方式(例如 `let`、`const`),JavaScript 引擎默认将其声明为全局变量。因此,在全局作用域中,你可以访问 `age` 并输出它的值。

要避免使用隐式全局变量,建议你在声明变量时始终使用 `let` 或 `const` 关键字。

给个最佳答案支持一下{:10_254:}
页: [1]
查看完整版本: 为什么js的内部作用域可以用外部没有定义的变量