代码之家 › 专栏 › 技术社区 › 0TTT0

闭包变量未定义:如何访问JS中的外部变量?

wrapper closures scope javascript

0TTT0 · 技术社区 · 5 年前

这个回调是实际回调的包装。
我在最外层的函数中定义了一个变量, blockNumber ,并希望从最内部的函数访问它(读/写)。

代码如下。

startWeb3 = async () => { 
  await initWeb3();

  var blockNumber = await web3.eth.getBlockNumber();
  console.log(blockNumber) //=> "184"

  window.KYCinstance.events.ReportedFraudA({ fromBlock:0 }, 
  (error, event) => {
    console.log(blockNumber); //=> "184"
    listenCallback(error, event, "fromFraudEvents");
  });

listenCallback = async (error, event, type) => {
  if (error) { console.log(error); }
  else {
    console.log(blockNumber); //=> "ERROR"
  }
}

结果是一个错误消息,当然如果我这样做了 this.blockNumber

startWeb3 是最外层的函数,
它有一个调用 listenCallback ,
在这个回调中,我试图返回最外层的范围。

1 回复 | 直到 5 年前

Shubham Khatri 5 年前

根据MDN的定义

闭包是函数和词汇环境的结合

根据上述定义, listenCallback 在声明自身时,在其词法作用域中没有声明。 listenWrapperFrom 或将从其闭包接收声明变量的位置,而不是引用变量的位置。

为了解决这个问题,您可以在 listenCallbackFrom 和方法

var blockNumber;

listenToEvent = async () => { 

  blockNumber = await web3.eth.getBlockNumber();

  KYCinstance.events.ReportedFraudA({ fromBlock:0 }, listenWrapperFrom); 

};

function listenWrapperFrom(error, event) {
  listenCallback(error, event, "fromFraudEvents");
}

async function listenCallback (error, event, type) {
  if (error) { console.log(error); }
  else {
    console.log(blockNumber);
    let value = await someFunction();
  }
}

推荐文章

Eric Bourque · 将旧的C++DLL转换为C#

6 年前

sfandres94 · 使用C++/CLI包装器将2D数组从C#传递到非托管C++

6 年前

NiPapen · 将参数缩放到0到1之间以进行优化

6 年前

BeSha · 模板类的输入输出类型不同时如何处理构造函数

7 年前

Ken Sinelli · 为什么要把一个<img>放在一个容器中(比如说<div>?

7 年前

Ryohei · 如何在我的软件包中使用decorator

7 年前

Ahmad Mhaish · 系统AccessViolationException:“试图读取或写入受保护的内存。(为c++库制作包装)

7 年前

ABu · 展开std::reference\u包装的成本

7 年前

Chris Phillips · 包装泛型数组的基元时出现未选中的强制转换警告

7 年前

asafg · mac os.pkg.app的节点JS包装器

7 年前