如何模仿 Jest 描述模式？

Question

如何在 javascript 中编写login和get函数？我有一种感觉，通过一些内联函数、bind 和这个魔法的混合是可能的。或者说这是不可能的？

Promise.all([

  login("user1", () => {

    console.log(get("/healthy")); // prints "user1/healthy"

  }),

  login("user2", () => {

    console.log(get("/ready")); // prints "user2/ready"

  })

]);

我知道可以这样写。但我很好奇在没有 obj 的情况下编写它。

login("user1", (obj) => {

  obj.get("/ready");

});

这不是类似于 Jest 编码描述/它模式的方式吗？

describe("Login test", () => {

  test("Login", async () => {

    expect("ready").toEqual("ready");

  });

});

Answer 1

所以你可以从技术上让它工作，但我不推荐，原因我稍后会解释。get这是一个将函数作为局部变量的工作示例。get我们在调用回调之前立即分配给该变量。它将登录上下文保存在其闭包范围内。因为 JavaScript 是单线程的，我们知道在回调运行之前不能再次重新分配变量。在这里您可以看到它使用随机超时来模拟 http 调用。即使用户和 url 以随机顺序异步执行，它们也会正确配对。（尝试多次运行此代码片段以检查输出是否始终一致。）const sleep = () =>&nbsp; new Promise((resolve) => setTimeout(resolve, Math.random() * 1000));let get;async function login(username, callback) {&nbsp; console.log("logging in as", username);&nbsp; await sleep();&nbsp; get = async(url) => {&nbsp; &nbsp; await sleep();&nbsp; &nbsp; return `/${username}${url}`;&nbsp; };&nbsp; callback();}Promise.all([&nbsp; login("Alice", async() => {&nbsp; &nbsp; console.log(await get("/Active"));&nbsp; }),&nbsp; login("Bob", async() => {&nbsp; &nbsp; console.log(await get("/Build"));&nbsp; }),&nbsp; login("Colin", async() => {&nbsp; &nbsp; console.log(await get("/Compile"));&nbsp; }),]);我不推荐的原因是因为这是非常脆弱的代码。我们必须非常小心，以确保get仅在回调开始时调用该函数。例如，如果我们跟注sleepthen get，那么所有的赌注都会被取消。我们不知道get正在使用哪个上下文。const sleep = () =>&nbsp; new Promise((resolve) => setTimeout(resolve, Math.random() * 1000));let get;async function login(username, callback) {&nbsp; console.log("logging in as", username);&nbsp; await sleep();&nbsp; get = async(url) => {&nbsp; &nbsp; await sleep();&nbsp; &nbsp; return `/${username}${url}`;&nbsp; };&nbsp; callback();}Promise.all([&nbsp; login("Alice", async() => {&nbsp; &nbsp; await sleep();&nbsp; &nbsp;// <-- The only change from the code above. DANGER&nbsp; &nbsp; console.log(await get("/Active"));&nbsp; }),&nbsp; login("Bob", async() => {&nbsp; &nbsp; await sleep();&nbsp; &nbsp; console.log(await get("/Build"));&nbsp; }),&nbsp; login("Colin", async() => {&nbsp; &nbsp; await sleep();&nbsp; &nbsp; console.log(await get("/Compile"));&nbsp; }),]);因此，虽然这对于编码来说非常有趣和有趣，但我相信最好的选择就是明确obj您正在使用的上下文（正如您在问题中已经描述的那样）并让自己免于头痛。