JavaScript 中的函数作用域

JavaScript 采用“词法作用域”，这意味着函数作用域由函数的文本位置决定。

函数作用域的含义：

• 在函数内部定义的变量只能在该函数及其子函数中访问。
• 函数外部定义的变量可以从其内部函数访问。

作用域链：

当 JavaScript 运行函数时，它会创建一个包含该函数及其父函数作用域的“作用域链”。每次查找变量时，JavaScript 都会沿着作用域链逐级向上查找，直到找到该变量。

示例：

const globalVar = "global";function outer() {  const outerVar = "outer";  function inner() {    const innerVar = "inner";    console.log(globalVar, outerVar, innerVar); // 输出: "global" "outer" "inner"  }  inner();  console.log(globalVar, outerVar); // 输出: "global" "outer"}outer();console.log(globalVar); // 输出: "global"

在上述示例中：

• globalVar 在全局作用域中定义，所有函数都可以访问它。
• outerVar 在 outer() 函数中定义，outer() 函数及其子函数 inner() 可以访问它。
• innerVar 在 inner() 函数中定义，只能在 inner() 函数中访问。

注意：

• ES6 增加了块级作用域，使用 let 和 const 定义的变量仅在其声明的代码块中可见。
• 函数作用域不适用于箭头函数，它们继承其父级函数的作用域。

以上就是js中什么是函数作用域的详细内容，更多请关注css网站其它相关文章！