Làm sao để deep-freeze một đối tượng trong JavaScript?

Để "deep-freeze" một đối tượng trong JavaScript, bạn cần sử dụng phương thức Object.freeze() kết hợp với đệ quy. Phương thức Object.freeze() ngăn chặn việc thêm mới, xóa bỏ, hoặc thay đổi các thuộc tính của đối tượng, cũng như ngăn chặn việc thay đổi prototype của đối tượng. Tuy nhiên, Object.freeze() chỉ áp dụng một "shallow freeze", nghĩa là nó chỉ đóng băng các thuộc tính trực tiếp của đối tượng và không áp dụng cho các đối tượng lồng nhau. Để đạt được một "deep freeze", bạn cần áp dụng đệ quy để đóng băng mọi đối tượng lồng nhau

Dưới đây là một ví dụ về cách thực hiện "deep freeze" một đối tượng:

function deepFreeze(object) {
    // Lấy tất cả tên thuộc tính của đối tượng
    const propNames = Reflect.ownKeys(object);

    // Đóng băng các thuộc tính trước khi đóng băng chính đối tượng
    for (const name of propNames) {
        const value = object[name];
        if ((value && typ...