如何在嵌套函数中访问IIFE外部的同名变量？

这是个典型的**变量遮蔽（variable shadowing）**问题——内部函数里的word变量覆盖了外部作用域的同名变量，导致直接调用word时会优先取内部的。给你几个实用的解决办法：

方法1：给外部变量创建别名 #

在外部作用域里把word赋值给一个不会被内部遮蔽的变量，比如用const定义一个别名：

(function (){ 
  let word = "Hello";
  // 给外部变量创建别名
  const outerWord = word;
  function sayHello(){ 
    let word = "Greetings";
    console.log(outerWord + " Everyone!"); // 现在访问的是外部的Hello
  } 
  sayHello(); 
})();

方法2：移除内部同名变量（如果不需要的话） #

如果内部函数不需要自己的word变量，直接删掉内部的let word = "Greetings";，这样word就会自动向上寻找外部作用域的变量：

(function (){ 
  let word = "Hello";
  function sayHello(){ 
    // 移除内部的word变量
    console.log(word + " Everyone!"); // 直接访问外部的Hello
  } 
  sayHello(); 
})();

方法3：将外部变量挂载到对象（可选） #

如果你想更明确地区分作用域，可以把外部变量放到一个对象里，通过对象属性访问，避免被遮蔽：

(function (){ 
  const scope = {
    word: "Hello"
  };
  function sayHello(){ 
    let word = "Greetings";
    console.log(scope.word + " Everyone!"); // 通过对象访问外部变量
  } 
  sayHello(); 
})();

这些方法里，最常用的是方法1，它既保留了内部变量的使用，又能清晰地访问外部的同名变量，不会破坏原有代码结构。

内容的提问来源于stack exchange，提问作者Bill