چیزهای جدید در DevTools (Chrome 59)

تا به حال، تلاش برای عبور از کد مانند قطعه زیر یک سردرد بود. شما در میانه test() هستید، از یک خط عبور می کنید، و سپس توسط کد setInterval() قطع می شوید. اکنون، وقتی از کدهای async مانند test() عبور می‌کنید، DevTools از خط اول تا آخر با یکپارچگی گام برمی‌دارد.

  function wait(ms) {
    return new Promise(r => setTimeout(r, ms)).then(() => "Yay");
  }

  // do some work in background.
  setInterval(() => 42, 200);

  async function test() {
    debugger;
    const hello = "world";
    const response = await fetch('index.html');
    const tmp = await wait(1000);
    console.log(tmp);
    return hello;
  }

  async function runTest() {
    let result = await test();
    console.log(result);
  }

PS می خواهید مهارت های اشکال زدایی خود را ارتقا دهید؟ این اسناد جدید را بررسی کنید:

• با اشکال زدایی JS شروع کنید
• کد خود را با نقاط شکست مکث کنید
• مرجع اشکال زدایی JS