Question

我在后端有一些切换的功能值，我需要将它们与前端端的某些值进行比较。这样网站决定是否应该显示日历，菜单......（这不是问题）。

从后端我得到数组，让我们说七个简单的对象：

[
  {name: "menu1"; value: "password"}
  {name: "menu2"; value: "password"}
  ...
  {name: "menu7"; value: "password"}
]

在前端我有一个对象：

  {
    "menu1": true;
    "menu1": true;
    ...
    "menu6": true;
  }

我正在使用axios来获取这些数据。我遇到的问题是：即使前端有6个值，整个网站也会崩溃，因为这个功能不存在。它按预期工作，但我想抛出正确的错误。这是代码：

  loadAttributes(URL) {
    return axios.get(URL)
      .then(res => {
          const {attributes} = res.data;
          const toggles = {};
          for (let i = 0; i < attributes.length; i++) {
              if (Constants.featureToggleMDs[attributes[i].name] === undefined) {
                 throw (new Error(`There is a feature: ${attributes[i].name} in ACS that is not presented in constants.`));
              }
              const left = Constants.featureToggleMDs[attributes[i].name].toUpperCase();
              const right = sha512(attributes[i].value).toUpperCase();

              toggles[attributes[i].name] = (left === right);
            }
            return toggles;
        }).catch(e => console.error(`[Feature Toggle] Attributes not supported: ${e}`));
  }

我有条件检查前端对象中是否存在值，并且在调试时，我只为“menu7”输入一部分代码。不幸的是，错误被抛出7次。这就是问题所在。怎么以及为什么它被扔了7次？这是一个公理问题吗？我尝试用下面的代码片段简化它并且它正常工作。但不是在我的项目中。有什么想法吗？

let attributes = [
  { name: 'menu1', value: 'one' },
  { name: 'menu2', value: 'two' },
  { name: 'menu3', value: 'one' },
  { name: 'menu4', value: 'two' },
  { name: 'menu5', value: 'one' }
];

defaultFeatureToggles = {
  'menu1': false,
  'menu2': false,
  'menu3': false,
  'menu4': false
};

for (let i = 0; i < attributes.length; i++) {
  if(defaultFeatureToggles[attributes[i].name] === undefined) {
    console.warn(`This ${attributes[i].name} don't exists.`);
  }
}

Answer 1

我多次投掷的原因很简单。我在其他地方使用过这个功能，我忘了它。现在一切都很好。对不起浪费空间。

在循环JS中抛出错误

1 个答案: