Life Cycle JavaScript

Thực tế, JavaScript không có một “vòng đời” cụ thể như một số ngôn ngữ lập trình khác, nhưng chúng ta có thể nói về vòng đời của một script JavaScript khi nó được thực thi trong trình duyệt web. Dưới đây là mô tả về quá trình này:

Tải trang (Page Load)

// Khi trang HTML được tải, các thẻ <script> được xử lý
<script src="myScript.js"></script>

Phân tích cú pháp (Parsing)

JavaScript engine phân tích cú pháp của code.

Biên dịch (Compilation)

Code được biên dịch thành bytecode.

Thực thi (Execution)

// Code được thực thi từ trên xuống dưới
console.log("Hello, World!");

Xử lý sự kiện (Event Handling)

// Các event listeners được đăng ký
document.getElementById("myButton").addEventListener("click", function() {
    console.log("Button clicked!");
});

Asynchronous Operations

// Các hoạt động bất đồng bộ được xử lý
setTimeout(function() {
    console.log("This runs after 2 seconds");
}, 2000);

Garbage Collection

// Bộ nhớ không còn sử dụng được giải phóng tự động
let obj = { name: "John" };
obj = null; // Đối tượng ban đầu có thể được thu gom rác

Đóng trang (Page Unload)

// Có thể đăng ký các hàm để chạy khi trang đóng
window.addEventListener("beforeunload", function() {
    console.log("Page is about to unload");
});

Lưu ý rằng trong môi trường Node.js, vòng đời sẽ hơi khác, tập trung vào việc xử lý các module và event loop.

Hiểu về vòng đời này giúp bạn tối ưu hóa hiệu suất và quản lý tài nguyên tốt hơn trong ứng dụng JavaScript của mình.

Danh mục

Bài viết liên quan

Bài viết khác

Routing

Blade Basics

9 Mẹo Hữu Ích Khi Sử Dụng Blade Trong Laravel

Hiển thị giá trị trong Blade