đóng cửa Javascript - sự khác biệt giữa các

Question

EDIT

Với số câu trả lời nói là những gì "bạn có thể làm cho mọi việc cá nhân!" bên dưới, tôi cũng sẽ thêm phần này vào đầu:

Tôi biết bạn có thể mô phỏng các biến riêng tư trong phạm vi đóng. Đó không phải là những gì tôi yêu cầu. Tôi hỏi, đưa ra hai ví dụ dưới đây, nơi tôi "xuất khẩu" mọi thứ từ việc đóng cửa, sự khác biệt cơ bản giữa hai ví dụ này là gì.

Với hai phương pháp của việc tạo ra đối tượng/phương pháp:

var test = {} 

test = (function(){ 
    var a_method = function(print_me){ 
     return "hello "+print_me; 
    } 

    return {print_me: a_method}; 
})(); 

test.print_me2 = function(print_me2){ 
    return "hello "+print_me2; 
} 

test.print_me('world'); 
>>> returns "hello world" 

test.print_me2('world'); 
>>> returns "hello world" 

Tôi hiểu rằng phương pháp đầu tiên cho phép biến tư nhân (mà như một nhà phát triển python tại trái tim tôi không thực sự quan tâm để sử dụng), nhưng cả hai dường như khá gần gũi với tôi, chỉ có một cái đầu tiên trông "mát mẻ" (như trong tất cả những người javascript lớn dường như đang làm theo cách đó) và cách thứ hai trông rất vượt qua & eacute ;.

Vì vậy, giống như, sự khác biệt là gì?

Tôi đã xem qua các câu hỏi đóng cửa ở đây - hầu hết trong số chúng tập trung vào những gì hoặc tại sao bạn sử dụng chúng; Tôi hiểu tiện ích của họ, tôi chỉ muốn biết tại sao bạn lại làm điều đầu tiên trong lần thứ hai và những lợi ích của nó.

Tôi thích bằng chứng khó hơn phỏng đoán - không tìm kiếm "đây là cách trẻ làm mát" hoặc "tôi nghe rằng mozilla sử dụng bộ nhớ tốt hơn khi bạn sử dụng đóng", nhưng bằng chứng định tính đối với một người là 'tốt hơn' so với người kia.

Answer 1

Sự khác biệt giữa các phương thức là trình bao hàm chức năng ẩn danh tạo ra một đóng, nhưng cũng là phương thức đầu tiên thay thế toàn bộ đối tượng trong khi phương thức thứ hai chỉ đặt thuộc tính trong phương thức hiện có.

Có nhiều cách khác nhau để thêm phương thức vào đối tượng. Bạn có thể đặt chúng ở đó khi bạn tạo đối tượng:

var test = { 
    print_me: function(text) { return "hello " + text; } 
}; 

Bạn có thể thêm một phương pháp như một tài sản cho một đối tượng hiện có:

var test = {}; 
test.print_me = function(text) { return "hello " + text; }; 

Bạn có thể tạo một hàm constructor, và thêm các phương pháp để nó mẫu thử nghiệm:

function Test() {} 
Test.prototype.print_me = function(text) { return "hello " + text; }; 
var test = new Test(); 

Khi Javascript có mô hình đối tượng dựa trên nguyên mẫu, phương pháp cuối cùng là phương thức được tạo ra. Các cách khác chỉ có thể vì một thuộc tính đối tượng có thể có một hàm làm giá trị.

---

Bạn có thể sử dụng một chức năng bao bọc xung quanh bất kỳ mã nơi bạn muốn biến địa phương, vì vậy bạn có thể làm điều đó với cách thứ hai của thiết lập tài sản:

test.print_me2 = (function(){ 

    var method = function(print_me2) { 
    return "hello "+print_me2; 
    } 

    return method; 
})(); 

Answer 2

Trong ví dụ đầu tiên, việc đóng được sử dụng để giữ các biến cục bộ nằm ngoài phạm vi toàn cục.

var thisIsGlobal = 2; 
var test = (function() { 
    var thisIsLocal = 3; 
    return function() { 
    return thisIsLocal; 
    }; 
}()); 

Những gì bạn nhận được là một chức năng test mà khi gọi trở lại các giá trị của biến cục bộ thisIsLocal. Không có cách nào để thay đổi giá trị của biến. Bạn có thể xem nó như một biến riêng.

Answer 3

Phương pháp đầu tiên bạn hiện tại (một chức năng ẩn danh được thực hiện ngay lập tức) giữ cho chương trình của bạn nằm ngoài phạm vi toàn cầu. Trong phạm vi riêng tư đó, bạn có thể quyết định những thuộc tính nào bạn muốn hiển thị với tư cách là API của mình:

(function(win){ 
    var a, b, c = 1; 

    function init(){ 
    return aa(b); 
    } 

    function exit(){ 
    if(cc()){ 
     return a; 
    } 
    } 

    function aa(){ 
    } 

    function bb(){ 
    } 

    function cc(){ 
    } 

    win.myProgram = {init: init, 
        exit: exit }; 
})(window); 


// We now have access to your API from within the global namespace:  
myProgram.init();  
//etc