js中什么是函数作用域

原创
ithorizon 4周前 (10-19) 阅读数 35 #Javascript
javascript 函数采用“词法作用域”,即:函数内部定义的变量只能在该函数及其子函数中访问。函数外部定义的变量可以从其内部函数访问。作用域链决定了查找变量的顺序,沿着作用域链逐级向上查找。

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中什么是函数作用域的详细内容,更多请关注IT视界其它相关文章!



热门