JS中如何让forEach传入的函数引用外部作用域变量？求助

嘿，我来帮你捋捋这个问题～你遇到的是典型的JavaScript变量作用域问题，咱们一步步拆解：

问题根源 #

你在droids函数内部声明了let result = ''，这个result是droids的局部变量，只能在droids函数内部（包括它的嵌套函数）访问。而findDroids是一个独立的全局函数，它根本看不到droids里的result，所以运行时会报错“result is not defined”。

另外还有个小细节：就算作用域没问题，你的forEach遍历会覆盖result的值——比如如果数组里"Droids"在中间位置，后面的元素会把result重新改成“These are not the droids you're looking for.”，这也不符合你的需求。

几种解决办法 #

方法1：把findDroids变成droids的内部函数 #

这样findDroids就能通过闭包访问到droids里的result了：

function droids(arr) { 
  let result = ''; 
  // 将findDroids嵌套在droids内部，形成闭包
  function findDroids(value, index, arr){
    // 这里可以直接用value判断，不用arr[index]
    if (value === "Droids"){
      result = "Found Droids!";
    } else{
      // 注意：如果数组里有非Droids的元素，最后一次遍历会覆盖result
      // 所以如果Droids在数组中间，这个逻辑还是有问题
      result = "These are not the droids you're looking for."
    }
  }
  arr.forEach(findDroids); 
  return result; 
}

// 测试代码
const starWars = ["Luke", "Finn", "Rey", "Kylo", "Droids"]
const thrones = ["Jon", "Danny", "Tyrion", "The Mountain", "Cersei"]
console.log(droids(starWars)) // 输出: "Found Droids!"
console.log(droids(thrones)) // 输出: "These are not the droids you're looking for."

方法2：用some方法更高效地实现需求 #

some方法会遍历数组，只要找到一个符合条件的元素就立即返回true，不用遍历整个数组，逻辑也更清晰：

function droids(arr) { 
  // 检查数组中是否存在"Droids"
  const hasDroids = arr.some(item => item === "Droids");
  // 三元运算符直接返回对应结果
  return hasDroids ? "Found Droids!" : "These are not the droids you're looking for.";
}

// 测试代码
const starWars = ["Luke", "Finn", "Rey", "Kylo", "Droids"]
const thrones = ["Jon", "Danny", "Tyrion", "The Mountain", "Cersei"]
console.log(droids(starWars)) // 输出: "Found Droids!"
console.log(droids(thrones)) // 输出: "These are not the droids you're looking for."

这个方法是最推荐的，既解决了作用域问题，又完美匹配你的需求，代码也更简洁。

方法3：通过forEach的thisArg传递上下文 #

如果想保留独立的findDroids函数，可以用forEach的第二个参数传递上下文（注意要传对象，因为基本类型是值传递）：

function droids(arr) { 
  // 用对象包裹result，这样可以通过this修改它的值
  const resultObj = { value: '' }; 
  // 第二个参数把resultObj作为findDroids的this
  arr.forEach(findDroids, resultObj); 
  return resultObj.value; 
}

function findDroids(value){
  if (value === "Droids"){
    this.value = "Found Droids!";
  } else{
    this.value = "These are not the droids you're looking for."
  }
}

// 测试代码
const starWars = ["Luke", "Finn", "Rey", "Kylo", "Droids"]
const thrones = ["Jon", "Danny", "Tyrion", "The Mountain", "Cersei"]
console.log(droids(starWars)) // 输出: "Found Droids!"
console.log(droids(thrones)) // 输出: "These are not the droids you're looking for."

核心知识点回顾 #

• 函数作用域：在函数内部声明的变量，只能在该函数及其嵌套函数中访问，外部函数无法直接访问。
• 闭包：嵌套函数可以访问外层函数的变量，即使外层函数已经执行完毕，这就是闭包的特性。
• 数组方法选择：根据需求选合适的数组方法，比如判断是否存在元素用some，比forEach更高效直观。

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