javascript - 在函数参数上使用时包含不是函数

Question

我正在尝试将时间转换为分钟。每当输入“X 小时”时，它都会以分钟为单位转换为 X 小时。我正在使用的函数抛出一个错误，指出 includes isn't a function。我在同一个项目中使用过 include，所以我不确定为什么会出现此错误。

function calcTotalCook(prep, rest, cook) {
  //console.log(rest);

  if (prep.includes('hours')) {
    prep = prep.replace('hours', '');
    prep = Number(prep) * 60;
  }

  if (rest.includes('hours')) {
    rest = rest.replace('hours', '');
    rest = Number(rest) * 60;
  }

  if (cook.includes('hours')) {
    cook = cook.replace('hours', '');
    cook = Number(cook) * 60;
    console.log(cook);
  }

  document.getElementById('totalTime').innerText = Number(prep) + Number(rest) + Number(cook);
}

<div class="fourth clearfix">
  <h2>Prep Time:</h2>
  <input type="text" id="prepTime" name="prepTime" class="inputField" value="">
</div>
<div class="fourth">
  <h2>Rest Time:</h2>
  <input type="text" id="restTime" name="restTime" class="inputField" value="">
</div>
<div class="fourth">
  <h2>Cook Time:</h2>
  <input type="text" id="cookTime" name="cookTime" class="inputField" value="">
</div>
<div class="fourth">
  <h2>Total Time:</h2>
  <label id="totalTime" name="totalTime"></label>
</div>
<input type="button" class="addButton" value="Calc" onclick="calcTotalCook(document.getElementById('prepTime').value, document.getElementById('restTime').value, document.getElementById('cookTime').value);">

Answer 1

我在 Firefox 和 Chrome 中测试了您的代码...一切正常。 IE11 当然会抛出错误。参见 compatibility for includes .如果与 IE 的兼容性是一个问题，你应该使用 indexOf()而不是包含。

因此，您将使用 if (prep.indexOf('hours') > -1) 而不是 if (prep.includes('hours'))。