当使用“调试器”时，如何在chrome dev工具控制台中获得承诺的结果？

Question

类似这样的事情会导致调试器控制台中挂起的承诺。如果删除调试器或等到第二个console.log，则可以在日志中单击-open。

<script>
import { Table } from 'apache-arrow';

async function loadData(dataUrl){
  const response = await fetch(dataUrl);
  return await response.arrayBuffer();
}

      console.log('loading data')
      let dataUrl = "https://raw.githubusercontent.com/RandomFractals/ChicagoCrimes/master/data/chicago-crimes-2017.arrow"
      let crimes = loadData(dataUrl).then(buffer => {return Table.from(new Uint8Array(buffer))})
      console.log(crimes)
      debugger
      console.log(crimes)
</script>

如何在调试器中解析未来并在REPL/控制台中获取数据？

Answer 1

您无法解决未来问题，但一旦生成数据，您就可以立即获得该数据：

import { Table } from 'apache-arrow';

async function loadData(dataUrl) {
    const response = await fetch(dataUrl);
    return await response.arrayBuffer();
}

console.log('loading data');
let dataUrl =
    'https://raw.githubusercontent.com/RandomFractals/ChicagoCrimes/master/data/chicago-crimes-2017.arrow';
let crimes = loadData(dataUrl)
    .then((buffer) => {
        return Table.from(new Uint8Array(buffer));
    })
    .then((tab) => {
        console.log(tab);
        return tab;
    });
</script>

这种方法的优点是可以通过删除第二个then来消除控制台消息。