เคาน์เตอร์ผ่านฟังก์ชัน setInterval ใน JavaScript

แน่นอนว่ามันไม่น่าสนใจนักที่ตัวจับเวลาของเรา แสดงผลเหมือนเดิมทุกครั้ง มาทำให้งานของเราซับซ้อนขึ้น และทำให้ตัวเลขแสดงในคอนโซลเพิ่มขึ้นในแต่ละวินาที: เริ่มจาก 1 แล้วก็ 2, ตามด้วย 3 และต่อไปเรื่อยๆ

สำหรับสิ่งนี้ เราต้องการตัวแปรตัวนับ, ซึ่งจะเก็บค่าของมันระหว่างการเรียกใช้งานฟังก์ชัน เข้าใจไม่ยากว่า เราสามารถสร้างตัวแปรโกลบอลได้ง่ายๆ:

javascriptlet i = 0; // ตัวแปรโกลบอล

setInterval(function() {
  i++;
  console.log(i);
}, 1000);

มาเขียนใหม่ให้กระชับขึ้น:

javascriptlet i = 0;
setInterval(function() {
  console.log(++i);
}, 1000);

หรือกระชับยิ่งขึ้นด้วยฟังก์ชันลูกศร:

javascriptlet i = 0;
setInterval(() => console.log(++i), 1000);