Javascript 未捕获（承诺中）引用错误：未定义isBlack

我使用以下代码从浏览器控制台中的标题中删除错误：

 jQuery(document).ready(function(){

  betterBlitzColor();

  let isBlack = true;
  function animate() {
    $(".playerInfoCoatTwo").animate({
      backgroundColor: isBlack ? "transparent" : 'black'
    }, 20);
    isBlack = !isBlack;
  }

  // Delay function,
  // allows for much flatter code when you can `await` a `Promise` compared to `setTimeout`:
  const delay = ms => new Promise(res => setTimeout(res, ms));
  async function animateAndWait(msArr) {
    for (let i = 0; i < msArr.length; i++) {
      // debugger;
      animate();
      await delay(msArr[i]);
    }
  }

  async function betterBlitzColor() {
    console.log(isBlack);
    await animateAndWait([20, 300, 50, 150, 50, 50]);
    if (myRandomNumberBetween(1, 100) <= 0) {
    console.log(isBlack);

      return delay(myRandomNumberBetween(9000, 18000))
        .then(betterBlitzColor);
    }
    await animateAndWait([650, 300]);
    if (myRandomNumberBetween(1, 100) <= 0) {
    console.log(isBlack);

      return delay(myRandomNumberBetween(9000, 18000))
        .then(betterBlitzColor);
    }
    await animateAndWait([400, 100, 100, 150]);
    console.log(isBlack);

    delay(myRandomNumberBetween(9000, 18000))
      .then(betterBlitzColor);
  }


  // console.log(myRandomNumberBetween(1, 5))
  function myRandomNumberBetween(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  }
  }); // end of jQuery(document).ready(function()

同样的错误。但如果我移动这条线：

}); // end of jQuery(document).ready(function()

我没有错误。我不知道发生了什么。。。有人来帮忙

在HTML中：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>

<script src="js/typed.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js"></script>  
<script src="js/javascript.js"></script>

然后改为：

var delay = ms => new Promise(res => setTimeout(res, ms));

我得到了一个错误：

Uncaught (in promise) ReferenceError: delay is not defined

未捕获（承诺中）类型错误：延迟不是函数

---

您应该在定义了它所依赖的一切之后调用

betterBlitzColor

。将它放在变量声明之后，而不是之前。函数声明被挂起，但任何其他赋值都不会被挂起。还请注意，如果您使用的是现代版的jQuery，则可以使用

$（function（）{

（或

$（（）=>{

）而不是

jQuery（document）.ready（function（）{

），使脚本更易于阅读。例如：

$(() => {
  let isBlack = true;
  const delay = ms => new Promise(res => setTimeout(res, ms));
  betterBlitzColor();
  // ...

如果您真的愿意，您还可以将

delay

更改为函数声明，这将导致函数声明被提升，并允许您在代码的更高一行调用

betterBlitzColor

，但这会使代码更难看：

$(() => {
  let isBlack = true;
  betterBlitzColor();
  function delay(ms) {
    return new Promise(res => setTimeout(res, ms));
  }
  // ...

---

好的，再次感谢！显然我还有很多东西要学。感谢大家。OP添加了真正的代码后，花了你们2秒钟的时间来回答。你们知道编辑就要来了，不是吗；-）

$(() => {
  let isBlack = true;
  betterBlitzColor();
  function delay(ms) {
    return new Promise(res => setTimeout(res, ms));
  }
  // ...