首页 > 解决方案 > 这个“if”JavaScript 语句有什么问题?

问题描述

我最初并没有写这个,所以我为我的知识差距道歉。

我添加了以下代码块以确定用户是否已导航到数组中包含的域之一。该数组被定义为“域”。只有当从 Url 解析的用户当前域匹配时,才应该执行函数的其余部分。(我的加星标)。

问题是,无论用户登陆哪个 Url,即使有这个“if”条件,该函数仍在执行。我知道这一点,因为无论我导航到哪个站点,推荐 api 都会触发。我不确定这是放置问题还是我的语法不正确(或两者兼而有之);但我非常感谢对此的任何见解!

export const getRecommendations = url =>

**browser.storage.local.get("domains").then(({ domains }) => {
  const domain = parseDomain(url);
  if (!domains.includes(domain)) { 
    return 
  }
});**


  browser.storage.local.get("user").then(({ user }) =>
  
    fetch(trestle.api.recommendations, {
      method: "POST",
      body: JSON.stringify({ currentUrl: url, emailAddress: user.username }),
      headers: {
        Authorization: `Bearer ${user.token}`,
        Accept: "application/json",
        "Content-Type": "application/json"
      }
    })
      .then(response => response.json())
      .then(recommendation => recommendation)
      .catch(e => new Error("Unable to return recommendations for company"))
  );

标签: javascript

解决方案


browser.storage.local.get返回一个异步执行的承诺。包含您的 return 语句的函数在代码块的其余部分之后执行,并且不会对该块的其余部分的执行产生任何影响。您需要将块的其余部分放在一个函数中并将代码更改为

browser.storage.local.get("domains").then(({ domains }) => {
  const domain = parseDomain(url);
  if (domains.includes(domain)) { 
    callUrlFunction();
  }
});

推荐阅读