为什么这等待外部异步功能起作用？

Question

所以我一直在摆弄javascript，发现了一个奇怪的行为，反正现在。

鉴于这些 sn-ps

database.js

import MongoDB from "mongodb";

const MongoClient = MongoDB.MongoClient;

const uri = "mongodb://127.0.0.1:27017/?poolSize=20&writeConcern=majority"

const mongoClient = new MongoClient(uri, { useUnifiedTopology: true });

let instance;
const getInstance = async () => {
    if (!instance) {
        instance = mongoClient.connect();
    }
    return instance;
}

export const client = await getInstance();

services.js

import { client } from "./database"

//return array of items
function getUserRecommendationItems(username) {
    const shopifyDb = client.db('Shopify');
    const product = shopifyDb.collection('product');
    return product.find().toArray();
}

export default { getUserRecommendationItems }

index.js

import services from "./services"

(async () => {
    const products = await services.getUserRecommendationItems();
    console.log(products);
})();

当我删除 database.js 中的 await 时，它会抛出一个错误，因为它需要等待客户端首先连接。

我的问题是，为什么我可以在 service.js 中访问 client 而无需将其放入异步函数中？ 这是否意味着导出和导入是底层的异步函数？

Answer 1

您的环境似乎支持the top-level await proposal。该提案目前处于第 4 阶段，这意味着“完成”并且可以正式包含在规范中。但支持可能仍会有所不同。

Quoting the proposal:

顶级await 让我们依靠模块系统本身来处理所有这些承诺，并确保事情得到很好的协调。上面的例子可以简单地编写和使用如下：

// awaiting.mjs
import { process } from "./some-module.mjs";
const dynamic = import(computedModuleSpecifier);
const data = fetch(url);
export const output = process((await dynamic).default, await data);

// usage.mjs
import { output } from "./awaiting.mjs";
export function outputPlusValue(value) { return output + value }

console.log(outputPlusValue(100));
setTimeout(() => console.log(outputPlusValue(100), 1000);

在awaiting.mjs 中的awaits 解决了它们的Promise 之前，usage.mjs 中的所有语句都不会执行，因此设计上避免了竞争条件。这是一个扩展，如果awaiting.mjs 没有使用顶级await，则usage.mjs 中的所有语句都不会执行，直到awaiting.mjs 被加载并且其所有语句都已执行。

因为您在database.js 中有一个顶级await，所以services.js 只会在该模块的client 承诺解决后执行。