Javascript - Sử dụng đóng cửa một cách tiết kiệm?

Question

Tôi đang xem http://www.youtube.com/watch?v=mHtdZgou0qU và vào khoảng 13:37 (hehe), anh ấy hiển thị một danh sách các mục cần tránh do việc thêm một đối tượng mới vào chuỗi phạm vi.

Tôi hiểu những gì anh ấy nói với các tuyên bố using và try-catch, cũng như truy cập các biến ngoài phạm vi, nhưng tôi không hiểu tại sao phải đóng cửa. Nếu các biến cục bộ của kết thúc sẽ nằm trên đỉnh của chuỗi phạm vi, thì sự mất hiệu suất ở đâu?

Answer 1

Đó là vì, để tra cứu các biến không phải là cục bộ, VM phải đi lên chuỗi phạm vi để tìm chúng. Mặt khác, các biến cục bộ được lưu trong bộ nhớ cache, vì vậy việc tra cứu biến cục bộ nhanh hơn nhiều. Hàm lồng nhau càng nhiều thì chuỗi phạm vi càng dài và tác động hiệu suất tiềm năng càng tăng.

Đây là một phần lý do tại sao bạn thường thấy mã như thế này trong các thư viện phổ biến JS:

(function(window, document, undefined) { 
    // ... 
})(window, document); 

Ở đây, window và document biến địa phương trở thành, vì vậy tìm chúng trở nên nhanh hơn nhiều, mà trở nên khá đáng chú ý nếu bạn tham khảo các đối tượng này hàng ngàn lần từ bên trong mã của bạn.

This page có mô tả chi tiết về chuỗi phạm vi và bối cảnh thực thi. (Toàn bộ bài viết thú vị nếu bạn có thời gian để đọc nó.)

Nhìn chung, các trình duyệt hiện đại tối ưu hóa tất cả các công cụ này đến mức không đáng kể.

Answer 2

The linked video explains why closure can inflict some performance hits starting about 11:08.

Về cơ bản, anh ấy nói rằng đối với mỗi chức năng lồng nhau, nó bổ sung thêm đối tượng khác để chuỗi phạm vi và do đó việc tiếp cận các biến bên ngoài của việc đóng cửa sẽ mất ngay cả lâu.

Để tìm giá trị liên quan đến một biến, các interprer Javascript sau quá trình này:

1. tìm kiếm các đối tượng phạm vi địa phương
2. nếu 1 không hiệu quả, tìm kiếm các đối tượng phạm vi mẹ
3. nếu 2 không hoạt động, tìm đối tượng phạm vi chính của cha mẹ
4. tiếp tục tìm kiếm phạm vi gốc cho đến
5. bạn tìm kiếm phạm vi toàn cầu
6. và nếu vẫn không tìm thấy, hãy ném một lỗi biến không xác định.

Trong một chức năng bình thường, để tìm biến, bạn chỉ phải tìm kiếm ở đầu chuỗi phạm vi. Một đóng cửa, mặt khác, để tìm các biến cha mẹ sẽ phải tìm kiếm xuống chuỗi phạm vi, đôi khi nhiều cấp độ sâu. Ví dụ, nếu bạn đã có một số đóng cửa như thế này (lưu ý rằng đây là một rất giả tạo ví dụ):

function a (x) { 
    function b (y) { 
    return (function (z) { 
     return x + y + z; 
    })(y + y); 
    } 
    return b(x + 3); 
} 

Từ chức năng trong cùng, để đánh giá sự biểu hiện x + y + z, nó phải đi qua lên ba cấp độ trong phạm vi chuỗi để tìm x, sau đó nó phải đi qua chuỗi phạm vi một lần nữa hai cấp độ để tìm y, và sau đó cuối cùng một lần để tìm z.Tổng cộng, nó phải tìm kiếm sáu đối tượng trong chuỗi phạm vi để trả lại kết quả cuối cùng.

Điều này là không thể tránh khỏi khi đóng cửa, vì các đóng bao luôn phải truy cập vào các biến mẹ. Nếu họ không ở đó sẽ không có mục đích trong việc sử dụng một đóng cửa.

Cũng lưu ý rằng trong Javascript, có một chi phí đáng kể trong việc tạo ra các chức năng, đặc biệt là đóng cửa. Lấy ví dụ, đóng cửa khá đơn giản này:

function a(x) { 
    return function (y) { 
    return x + y; 
    } 
} 

Và bạn gọi nó là thời gian khác nhau, như thế này

var x = a(1); 
var y = a(2); 
var z = a(3); 
alert(x(3)); // 4 
alert(y(3)); // 5 
alert(z(3)); // 6 

Bạn sẽ nhận thấy rằng chức năng trở về từ a có để giữ những gì đã được thông qua như một đối số trong hàm cha ngay cả sau khi hàm cha đã được gọi. Điều này có nghĩa là người thông dịch phải ghi nhớ những gì bạn đã truyền vào cho mọi chức năng mà bạn đã gọi cho đến giờ.