Gỡ lỗi Tiết lộ Mô hình Mô-đun: các chức năng không nằm trong phạm vi cho đến khi được gọi?

Question

Nếu tôi chạy mã này trong Công cụ nhà phát triển Chrome:

var test = (function() { 

    var publicFunction, 
     privateFunction1, 
     privateFunction2; 

    privateFunction1 = function privateFunction1() { 
    return true; 
    }; 

    privateFunction2 = function privateFunction2() { 
    return true; 
    }; 

    publicFunction = function publicFunction() { 
    privateFunction1(); 
    debugger; 
    }; 

    return { 
    publicFunction: publicFunction 
    }; 
})(); 

tại sao privateFunction1 trong phạm vi tại breakpoint, trong khi privateFunction2 không?

Answer 1

Câu hỏi hấp dẫn.

privateFunction2là trong phạm vi cho publicFunction, nhưng publicFunction không bao giờ thực sự sử dụng nó. Tôi tin rằng những gì bạn thấy trong trình gỡ rối là vì V8 (công cụ JavaScript của Chrome) tối ưu hóa nội dung của các bao đóng vì nhiều lý do khác nhau (bao gồm giảm thiểu sử dụng bộ nhớ).

Theo lý thuyết, theo đặc điểm kỹ thuật, publicFunction đóng trên (có tham chiếu lâu dài) tất cả các ký hiệu trong phạm vi được xác định. Cụ thể, một execution context đã được tạo cho cuộc gọi đến chức năng ẩn danh ngoài cùng của bạn và ngữ cảnh thực thi có lexical environment với một số liên kết binding object mà publicFunction có tham chiếu ẩn danh, ẩn danh. Đối tượng liên kết đó có các thuộc tính trên đó với (theo lý thuyết) có tên là publicFunction, privateFunction1, privateFunction2 và một vài thứ khác (arguments và các thứ khác).

Nhưng vấn đề là rằng publicFunction không thực sự tham khảo bất cứ điều gì nhưng privateFunction1, và với mã tại chỗ cho nó, nó không thể tham khảo bất cứ điều gì khác. Đối với nó để tham khảo bất cứ điều gì khác, bạn sẽ phải thay đổi mã của nó, và tất nhiên họ V8 sẽ đưa ra quyết định khác. Mã số trong publicFunction không có số eval(string) hoặc new Function(string) cuộc gọi, vì vậy V8 được tự do thực hiện phân tích tĩnh trên các ký hiệu mà nó tham chiếu. Điều đó có nghĩa rằng, không có trình gỡ lỗi, không có điểm nào đối với đối tượng ràng buộc giữ các thuộc tính khác đó. Chúng không bao giờ được sử dụng.

Vì V8 là trình biên dịch tối ưu hóa mạnh mẽ (có, trình biên dịch), rõ ràng nó loại bỏ các thuộc tính đã chết khỏi đối tượng ràng buộc của ngữ cảnh thực thi.

Nếu tôi thêm một cái gì đó vào publicFunction sử dụng privateFunction2 cho bất cứ điều gì, sau đó tôi có thể tham khảo nó từ bảng điều khiển giống như tôi có thể privateFunction1.