Vòng lặp sự kiện NodeJS

khái niệm thời gian chạy

Các phần sau đây giải thích một mô hình lý thuyết. Các công cụ JavaScript hiện đại triển khai và tối ưu hóa mạnh mẽ ngữ nghĩa được mô tả

Đại diện trực quan

Cây rơm

Các lời gọi hàm tạo thành một ngăn xếp các khung

function foo(b) {
  const a = 10;
  return a + b + 11;
}

function bar(x) {
  const y = 3;
  return foo(x * y);
}

const baz = bar(7); // assigns 42 to baz

Thứ tự các thao tác

1. Khi gọi

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   8, khung đầu tiên được tạo có chứa tham chiếu đến các đối số và biến cục bộ của

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   8
2. Khi

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   8 gọi

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   1, khung thứ hai được tạo và đẩy lên trên khung đầu tiên, chứa tham chiếu đến các đối số và biến cục bộ của

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   1
3. Khi

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   1 trả về, phần tử khung trên cùng được bật ra khỏi ngăn xếp (chỉ để lại khung gọi của

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   8)
4. Khi

   while (queue.waitForMessage()) {
     queue.processNextMessage();
   }
   

   8 trở lại, ngăn xếp trống

Lưu ý rằng các đối số và biến cục bộ có thể tiếp tục tồn tại vì chúng được lưu trữ bên ngoài ngăn xếp — vì vậy chúng có thể được truy cập bởi bất kỳ hàm lồng nhau nào sau khi hàm bên ngoài của chúng đã trả về

đống

Các đối tượng được phân bổ trong một đống chỉ là một tên để biểu thị một vùng bộ nhớ lớn (hầu hết không có cấu trúc)

Xếp hàng

Thời gian chạy JavaScript sử dụng hàng đợi tin nhắn, là danh sách các tin nhắn sẽ được xử lý. Mỗi tin nhắn có một chức năng liên quan được gọi để xử lý tin nhắn

Tại một thời điểm nào đó trong vòng lặp sự kiện, bộ thực thi bắt đầu xử lý các thông báo trên hàng đợi, bắt đầu với thông báo cũ nhất. Để làm như vậy, thông báo sẽ bị xóa khỏi hàng đợi và chức năng tương ứng của nó được gọi với thông báo là tham số đầu vào. Như thường lệ, việc gọi một hàm sẽ tạo một khung ngăn xếp mới để sử dụng hàm đó

Quá trình xử lý các chức năng tiếp tục cho đến khi ngăn xếp trống một lần nữa. Sau đó, vòng lặp sự kiện sẽ xử lý thông báo tiếp theo trong hàng đợi (nếu có)

vòng lặp sự kiện

Vòng lặp sự kiện có tên như vậy vì cách nó thường được triển khai, thường giống như

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

"Chạy đến khi hoàn thành"

Mỗi tin nhắn được xử lý hoàn toàn trước khi bất kỳ tin nhắn nào khác được xử lý

Điều này cung cấp một số thuộc tính hay khi lập luận về chương trình của bạn, bao gồm thực tế là bất cứ khi nào một chức năng chạy, nó không thể được ưu tiên và sẽ chạy hoàn toàn trước khi bất kỳ mã nào khác chạy (và có thể sửa đổi dữ liệu mà chức năng thao tác). Điều này khác với C, chẳng hạn, ở chỗ nếu một hàm chạy trong một luồng, thì nó có thể bị dừng tại bất kỳ thời điểm nào bởi hệ thống thời gian chạy để chạy một số mã khác trong một luồng khác

Nhược điểm của mô hình này là nếu một thông báo mất quá nhiều thời gian để hoàn thành, ứng dụng web không thể xử lý các tương tác của người dùng như nhấp hoặc cuộn. Trình duyệt giảm thiểu điều này bằng hộp thoại "tập lệnh mất quá nhiều thời gian để chạy". Một thực hành tốt để làm theo là làm cho quá trình xử lý tin nhắn trở nên ngắn gọn và nếu có thể, hãy cắt một tin nhắn thành nhiều tin nhắn

Thêm tin nhắn

Trong trình duyệt web, các thông báo được thêm vào bất cứ khi nào một sự kiện xảy ra và có một trình xử lý sự kiện được đính kèm với nó. Nếu không có người nghe, sự kiện sẽ bị mất. Vì vậy, một lần nhấp vào một phần tử có trình xử lý sự kiện nhấp chuột sẽ thêm một thông báo — tương tự như vậy với bất kỳ sự kiện nào khác

Hàm

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

Đây là một ví dụ thể hiện khái niệm này (

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

const seconds = new Date().getTime() / 1000;

setTimeout(() => {
  // prints out "2", meaning that the callback is not called immediately after 500 milliseconds.
  console.log(`Ran after ${new Date().getTime() / 1000 - seconds} seconds`);
}, 500)

while (true) {
  if (new Date().getTime() / 1000 - seconds >= 2) {
    console.log("Good, looped for 2 seconds");
    break;
  }
}

Không chậm trễ

Độ trễ bằng 0 không có nghĩa là cuộc gọi lại sẽ tắt sau 0 mili giây. Gọi

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

Việc thực thi phụ thuộc vào số lượng tác vụ đang chờ trong hàng đợi. Trong ví dụ bên dưới, thông báo

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

while (queue.waitForMessage()) {
  queue.processNextMessage();
}

Một số thời gian chạy giao tiếp với nhau

Một nhân viên web hoặc một

const seconds = new Date().getTime() / 1000;

setTimeout(() => {
  // prints out "2", meaning that the callback is not called immediately after 500 milliseconds.
  console.log(`Ran after ${new Date().getTime() / 1000 - seconds} seconds`);
}, 500)

while (true) {
  if (new Date().getTime() / 1000 - seconds >= 2) {
    console.log("Good, looped for 2 seconds");
    break;
  }
}

const seconds = new Date().getTime() / 1000;

setTimeout(() => {
  // prints out "2", meaning that the callback is not called immediately after 500 milliseconds.
  console.log(`Ran after ${new Date().getTime() / 1000 - seconds} seconds`);
}, 500)

while (true) {
  if (new Date().getTime() / 1000 - seconds >= 2) {
    console.log("Good, looped for 2 seconds");
    break;
  }
}

const seconds = new Date().getTime() / 1000;

setTimeout(() => {
  // prints out "2", meaning that the callback is not called immediately after 500 milliseconds.
  console.log(`Ran after ${new Date().getTime() / 1000 - seconds} seconds`);
}, 500)

while (true) {
  if (new Date().getTime() / 1000 - seconds >= 2) {
    console.log("Good, looped for 2 seconds");
    break;
  }
}

không bao giờ chặn

Một thuộc tính rất thú vị của mô hình vòng lặp sự kiện là JavaScript, không giống như nhiều ngôn ngữ khác, không bao giờ chặn. Việc xử lý I/O thường được thực hiện thông qua các sự kiện và lệnh gọi lại, vì vậy khi ứng dụng đang chờ truy vấn IndexedDB trả về hoặc yêu cầu XHR trả về, ứng dụng vẫn có thể xử lý những thứ khác như đầu vào của người dùng

Các ngoại lệ kế thừa tồn tại như

const seconds = new Date().getTime() / 1000;

setTimeout(() => {
  // prints out "2", meaning that the callback is not called immediately after 500 milliseconds.
  console.log(`Ran after ${new Date().getTime() / 1000 - seconds} seconds`);
}, 500)

while (true) {
  if (new Date().getTime() / 1000 - seconds >= 2) {
    console.log("Good, looped for 2 seconds");
    break;
  }
}

Vòng lặp sự kiện trong NodeJS là gì?

NodeJS có vòng lặp sự kiện không?

Vòng lặp sự kiện trong js là gì?

Làm thế nào để vòng lặp sự kiện Node hoạt động nội bộ?