EventEmitter nodejs

ghi chú của biên tập viên. Bài đăng này đã được cập nhật vào ngày 13 tháng 9 năm 2022 để bao gồm thông tin về lý do tại sao một người nên sử dụng trình phát sự kiện, các thành viên của lớp trong

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Sự kiện là hành động có ý nghĩa phần mềm hoặc phần cứng. Chúng được phát ra do hoạt động của người dùng, chẳng hạn như nhấp chuột hoặc nhấn phím hoặc trực tiếp từ hệ thống, chẳng hạn như lỗi hoặc thông báo

Ngôn ngữ JavaScript cho phép chúng tôi phản hồi các sự kiện bằng cách chạy mã trong trình xử lý sự kiện. Kể từNode. js dựa trên JavaScript, nó tận dụng tính năng này trong kiến ​​trúc hướng sự kiện của nó

Trong bài viết này, chúng ta sẽ thảo luận về trình phát sự kiện là gì và tại sao chúng ta nên sử dụng chúng, cũng như cách xây dựng trình phát sự kiện tùy chỉnh. Bắt đầu nào

• Sự kiện hệ thống so với. sự kiện tùy chỉnh
  • 1. sự kiện hệ thống
  • 2. sự kiện tùy chỉnh
• Trình phát sự kiện là gì?
• Tại sao sử dụng trình phát sự kiện?
• Các thành viên trong lớp trong

  const GreetHandlers = [
    ()=> {console.log("Hello world!"), 
    ()=> {console.log("Hello Developer!"), 
    ()=> {console.log("Hello From LogRocket!"}
  ];
  
  const events = {
    "greet": GreetHandlers
  }
  

  6
• Mẫu chung cho bộ phát sự kiện tùy chỉnh
• Xây dựng trình phát sự kiện tùy chỉnh trong Node. js
  • Tạo hàm tạo hàm phát sự kiện
  • Thêm các phương thức vào nguyên mẫu bộ phát sự kiện
• Thêm nhiều phương thức sự kiện
  • Phương pháp

    const GreetHandlers = [
      ()=> {console.log("Hello world!"), 
      ()=> {console.log("Hello Developer!"), 
      ()=> {console.log("Hello From LogRocket!"}
    ];
    
    const events = {
      "greet": GreetHandlers
    }
    

    8
  • Phương pháp

    const GreetHandlers = [
      ()=> {console.log("Hello world!"), 
      ()=> {console.log("Hello Developer!"), 
      ()=> {console.log("Hello From LogRocket!"}
    ];
    
    const events = {
      "greet": GreetHandlers
    }
    

    9

Sự kiện hệ thống so với. sự kiện tùy chỉnh

Sự kiện trong nút. js là các hành động xảy ra trong ứng dụng của chúng tôi mà chúng tôi có thể phản hồi. Có hai loại sự kiện khác nhau trong Node. js, chúng tôi sẽ đề cập đến cả hai trong bài viết này

1. sự kiện hệ thống

Sự kiện hệ thống xảy ra từ phía C++ của Nút. js và được xử lý bởi thư viện C được sử dụng trong Node. js được gọi là libuv

Thư viện libuv xử lý các sự kiện cấp thấp hơn đang diễn ra bên trong hệ thống máy tính, về cơ bản là các sự kiện cấp thấp đến từ HĐH, chẳng hạn như nhận dữ liệu từ internet, đọc xong một tệp, v.v.

Bởi vì luồng của một nút. js được xác định bởi các sự kiện (lập trình hướng sự kiện), tất cả các yêu cầu I/O cuối cùng sẽ tạo ra một sự kiện hoàn thành/thất bại

ghi chú bên. JavaScript không có khả năng tích hợp sẵn để xử lý các sự kiện hệ thống

2. sự kiện tùy chỉnh

Các sự kiện tùy chỉnh xảy ra bên trong lõi JavaScript trong Nút. js. Những sự kiện này được xử lý bởi một Node. lớp js được gọi là

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Thông thường, khi một sự kiện xảy ra trong libuv, libuv sẽ tạo các sự kiện JavaScript tùy chỉnh để có thể dễ dàng xử lý chúng. Do đó, nút. js có thể được coi là một thực thể duy nhất mặc dù chúng thực sự là hai loại sự kiện khác nhau

Trong bài viết này, chúng tôi sẽ tập trung vào các sự kiện JavaScript tùy chỉnh và trình phát sự kiện

Hơn 200 nghìn nhà phát triển sử dụng LogRocket để tạo ra trải nghiệm kỹ thuật số tốt hơn

Trình phát sự kiện là gì?

Nút. js sử dụng mẫu lập trình hướng sự kiện như đã lưu ý ở trên. Mẫu thiết kế này dành cho việc tạo và sử dụng các sự kiện và chủ yếu được sử dụng ở giao diện người dùng (trình duyệt). Các hành động của người dùng như nhấp vào nút hoặc nhấn phím tạo ra một sự kiện

Các sự kiện này có các chức năng liên quan được gọi là trình nghe, được gọi để xử lý các sự kiện tương ứng của chúng khi chúng được phát ra

Mẫu hướng sự kiện có hai thành phần chính

1. Trình xử lý sự kiện (người nghe). Đây là chức năng sẽ được gọi khi sự kiện được phát ra. Nhiều người nghe có thể đang lắng nghe một sự kiện. Khi sự kiện được phát ra, những người nghe này sẽ được gọi đồng bộ
2. Một vòng lặp chính lắng nghe các sự kiện và gọi những người nghe liên quan để xử lý sự kiện đó

Nút. js đưa lập trình hướng sự kiện vào phần phụ trợ thông qua lớp

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Trong bài viết này, chúng ta sẽ xây dựng trình phát sự kiện tùy chỉnh bằng cách sử dụng các nguyên tắc cốt lõi cung cấp năng lượng cho Node. js để chúng ta có thể hiểu rõ hơn về cách chúng hoạt động

Đoạn mã dưới đây cho biết cách phát ra và xử lý một sự kiện bằng cách sử dụng đối tượng

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Trong đoạn mã trên, phương thức

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Bằng cách phát ra sự kiện

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Các phương thức khác được hiển thị bởi các đối tượng

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

1. const GreetHandlers = [
     ()=> {console.log("Hello world!"), 
     ()=> {console.log("Hello Developer!"), 
     ()=> {console.log("Hello From LogRocket!"}
   ];
   
   const events = {
     "greet": GreetHandlers
   }
   

   54. Điều này thêm một người nghe một lần

2. const GreetHandlers = [
     ()=> {console.log("Hello world!"), 
     ()=> {console.log("Hello Developer!"), 
     ()=> {console.log("Hello From LogRocket!"}
   ];
   
   const events = {
     "greet": GreetHandlers
   }
   

   55. Đây là bí danh của

   const GreetHandlers = [
     ()=> {console.log("Hello world!"), 
     ()=> {console.log("Hello Developer!"), 
     ()=> {console.log("Hello From LogRocket!"}
   ];
   
   const events = {
     "greet": GreetHandlers
   }
   

   56. Nó xóa một trình lắng nghe sự kiện khỏi một sự kiện

3. const GreetHandlers = [
     ()=> {console.log("Hello world!"), 
     ()=> {console.log("Hello Developer!"), 
     ()=> {console.log("Hello From LogRocket!"}
   ];
   
   const events = {
     "greet": GreetHandlers
   }
   

   57. Điều này trả về số lượng người nghe đang nghe một sự kiện

trong nút. js, có những đối tượng khác có thể phát ra sự kiện. Tuy nhiên, tất cả các đối tượng phát ra sự kiện đều là một thể hiện của lớp

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Các bài viết hay khác từ LogRocket

• Đừng bỏ lỡ một khoảnh khắc nào với The Replay, một bản tin được tuyển chọn từ LogRocket
• Tìm hiểu cách Galileo của LogRocket loại bỏ tiếng ồn để chủ động giải quyết các sự cố trong ứng dụng của bạn
• Sử dụng useEffect của React để tối ưu hóa hiệu suất ứng dụng của bạn
• Chuyển đổi giữa nhiều phiên bản của Node
• Khám phá cách tạo hoạt ảnh cho ứng dụng React của bạn với AnimXYZ
• Khám phá Tauri, một khuôn khổ mới để xây dựng các tệp nhị phân
• So sánh NestJS với. Thể hiện. js

Tại sao sử dụng trình phát sự kiện?

Nút. js đưa lập trình hướng sự kiện vào phần phụ trợ thông qua lớp

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Trình phát và trình nghe sự kiện rất quan trọng đối với Node. phát triển js. Họ kích hoạt Nút. js để hoàn thành tính năng I/O đơn luồng, không đồng bộ, không chặn, vốn là mấu chốt của Node. hiệu suất tuyệt vời của js

Các thành viên trong lớp trong const GreetHandlers = [ ()=> {console.log("Hello world!"), ()=> {console.log("Hello Developer!"), ()=> {console.log("Hello From LogRocket!"} ]; const events = { "greet": GreetHandlers } 6

nút. js lớp

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

• Phương thức

  GreetHandlers.forEach(listener => {
   listener();
  });
  
  // Output:
  // "Hello world!"
  // "Hello Developer!"
  // "Hello From LogRocket!"
  

  6 gọi một cách tuần tự và đồng bộ từng người nghe đang lắng nghe sự kiện đã kích hoạt - truyền đối số được cung cấp cho từng người nghe
• Phương thức

  GreetHandlers.forEach(listener => {
   listener();
  });
  
  // Output:
  // "Hello world!"
  // "Hello Developer!"
  // "Hello From LogRocket!"
  

  5 nhận hai đối số. tên sự kiện và một người nghe sự kiện. Nó thêm chức năng nghe sự kiện này vào cuối mảng người nghe

• const GreetHandlers = [
    ()=> {console.log("Hello world!"), 
    ()=> {console.log("Hello Developer!"), 
    ()=> {console.log("Hello From LogRocket!"}
  ];
  
  const events = {
    "greet": GreetHandlers
  }
  

  16 là bí danh của

  const GreetHandlers = [
    ()=> {console.log("Hello world!"), 
    ()=> {console.log("Hello Developer!"), 
    ()=> {console.log("Hello From LogRocket!"}
  ];
  
  const events = {
    "greet": GreetHandlers
  }
  

  17
• Phương thức

  const GreetHandlers = [
    ()=> {console.log("Hello world!"), 
    ()=> {console.log("Hello Developer!"), 
    ()=> {console.log("Hello From LogRocket!"}
  ];
  
  const events = {
    "greet": GreetHandlers
  }
  

  18 có hai đối số. tên sự kiện và một người nghe sự kiện. Sau đó, nó loại bỏ trình lắng nghe sự kiện này khỏi mảng sự kiện khi sự kiện được chỉ định kích hoạt

• const GreetHandlers = [
    ()=> {console.log("Hello world!"), 
    ()=> {console.log("Hello Developer!"), 
    ()=> {console.log("Hello From LogRocket!"}
  ];
  
  const events = {
    "greet": GreetHandlers
  }
  

  8 là bí danh của phương thức

  GreetHandlers.forEach(listener => {
   listener();
  });
  
  // Output:
  // "Hello world!"
  // "Hello Developer!"
  // "Hello From LogRocket!"
  

  5

Mẫu chung cho bộ phát sự kiện tùy chỉnh

Ý tưởng chung của trình phát sự kiện là có một đối tượng sự kiện có các khóa đóng vai trò là sự kiện tùy chỉnh và các giá trị tương ứng sẽ là mảng trình nghe được gọi đồng bộ khi sự kiện được phát ra

Hãy xem xét mã dưới đây

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Ở đây, đối tượng

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Giá trị của thuộc tính

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Để gọi các hàm này một cách đồng bộ, chúng ta lặp qua mảng và gọi từng hàm, như bên dưới

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Ví dụ của chúng tôi ở trên cung cấp tổng quan đơn giản hóa về mẫu được sử dụng trong Nút. trình phát sự kiện js. Chúng tôi sẽ sử dụng cùng một mẫu khi chúng tôi xây dựng trình phát sự kiện của riêng mình trong phần tiếp theo

Xây dựng trình phát sự kiện tùy chỉnh trong Node. js

Mặc dù nút. js

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Các lớp trong JavaScript cung cấp cho chúng ta một cú pháp mới và dễ dàng để làm việc với sự kế thừa nguyên mẫu của JavaScript. Bởi vì các lớp trong JavaScript là đường cú pháp cho mẫu nguyên mẫu, nhiều thứ xảy ra dưới vỏ bọc bị ẩn khỏi chúng ta

Để xây dựng trình phát sự kiện tùy chỉnh của chúng tôi, hãy làm theo các bước bên dưới

1. Tạo hàm tạo hàm phát sự kiện

Cái này phải có một thuộc tính (đối tượng sự kiện)

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Đối tượng

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

2. Thêm các phương thức vào nguyên mẫu bộ phát sự kiện

JavaScript hướng đối tượng cung cấp cho chúng tôi một cách rõ ràng để chia sẻ các thuộc tính và phương thức trên ứng dụng của chúng tôi. Điều này là do mẫu nguyên mẫu cho phép các đối tượng truy cập các thuộc tính trong chuỗi nguyên mẫu, nghĩa là một đối tượng có thể truy cập các thuộc tính trong nguyên mẫu của nó, trong nguyên mẫu của nguyên mẫu và hơn thế nữa

Đầu tiên, công cụ JavaScript tìm kiếm một phương thức hoặc thuộc tính trong nguyên mẫu của một đối tượng nếu nó không có trong đối tượng. Nếu nó không tìm thấy nó trong nguyên mẫu của đối tượng đó, nó sẽ tiếp tục tìm kiếm xuống chuỗi nguyên mẫu. Kiểu thừa kế này được gọi là thừa kế nguyên mẫu

Do tính kế thừa nguyên mẫu của JavaScript, khi chúng ta thêm các thuộc tính và phương thức vào nguyên mẫu của đối tượng, tất cả các phiên bản của đối tượng đó sẽ có quyền truy cập vào chúng

Xem ở đây trong mã bên dưới, nơi chúng tôi thêm phương thức

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Điều này thêm hàm

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Đầu tiên, phương thức

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Ngoài ra, phương thức

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Bây giờ hãy thêm phương thức

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Đoạn mã trên thêm phương thức

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Do đó, mã bên dưới lặp qua mảng và gọi tất cả các trình nghe của nó một cách đồng bộ

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Để sử dụng trình phát sự kiện của chúng tôi, chúng tôi sẽ phải phát một sự kiện theo cách thủ công

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Trong đoạn mã trên, trước tiên chúng tôi yêu cầu và tạo một phiên bản của mô-đun

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Sau đó, chúng tôi chỉ định người nghe cho sự kiện

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Cuối cùng, chúng tôi phát thủ công sự kiện

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Hình ảnh trên cho thấy kết quả chạy mã của chúng tôi. Xem mã đầy đủ trong hộp cát tại đây

Thêm nhiều phương thức sự kiện

Phương pháp const GreetHandlers = [ ()=> {console.log("Hello world!"), ()=> {console.log("Hello Developer!"), ()=> {console.log("Hello From LogRocket!"} ]; const events = { "greet": GreetHandlers } 8

Điều quan trọng cần lưu ý là phương thức

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Đoạn mã trên vẫn hoạt động, nhưng trong phiên bản này, cả phương pháp

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Phương pháp const GreetHandlers = [ ()=> {console.log("Hello world!"), ()=> {console.log("Hello Developer!"), ()=> {console.log("Hello From LogRocket!"} ]; const events = { "greet": GreetHandlers } 9

Ngoài ra còn có phương pháp

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Ở đây, chúng tôi nói với cửa hàng đơn giản mảng người nghe cho sự kiện đã chỉ định cho biến

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Nếu không tìm thấy sự kiện, một mảng trống sẽ được lưu trữ. Sau đó, chúng tôi trả về

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Bộ phát sự kiện trong Node. js cũng theo ý tưởng này, nhưng chúng có rất nhiều tính năng bổ sung. Chúng tôi chỉ xây dựng một phiên bản đơn giản. Bạn có thể chơi với mã cuối cùng bằng JavaScript đơn giản tại đây

Phần kết luận

Trình phát sự kiện là một khối xây dựng cơ bản của nhiều phần của Nút. lõi JavaScript js. Tất cả nút. js phát ra các sự kiện, chẳng hạn như luồng và mô-đun HTTP, là các thể hiện của lớp

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

GreetHandlers.forEach(listener => {
 listener();
});

// Output:
// "Hello world!"
// "Hello Developer!"
// "Hello From LogRocket!"

Thông qua lớp

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

const GreetHandlers = [
  ()=> {console.log("Hello world!"), 
  ()=> {console.log("Hello Developer!"), 
  ()=> {console.log("Hello From LogRocket!"}
];

const events = {
  "greet": GreetHandlers
}

Chỉ dành cho 200 Theo dõi các yêu cầu mạng chậm và không thành công trong sản xuất

LogRocket giống như một DVR dành cho ứng dụng web và thiết bị di động, ghi lại mọi thứ diễn ra trong khi người dùng tương tác với ứng dụng của bạn theo đúng nghĩa đen. Thay vì đoán xem tại sao lại xảy ra sự cố, bạn có thể tổng hợp và báo cáo về các yêu cầu mạng có vấn đề để nhanh chóng hiểu nguyên nhân gốc rễ

Trình phát sự kiện trong NodeJS là gì?

Làm cách nào để sử dụng trình phát sự kiện NodeJS?

Khi nào tôi nên sử dụng EventEmitter?

Làm cách nào để sử dụng trình phát sự kiện trong JavaScript?