Apa nama pola JavaScript ini dan mengapa itu digunakan?

Saya mempelajari THREE.js dan melihat pola di mana fungsi didefinisikan seperti ini:

var foo = ( function () {
    var bar = new Bar();

    return function ( ) {
        //actual logic using bar from above.
        //return result;
    };
}());

(Contoh lihat metode raycast di sini ).

The biasa variasi metode tersebut akan terlihat seperti ini:

var foo = function () {
    var bar = new Bar();

    //actual logic.
    //return result;
};

Membandingkan versi pertama dengan variasi normal , versi pertama tampaknya berbeda dalam hal:

1. Ini memberikan hasil dari fungsi yang mengeksekusi sendiri.
2. Ini mendefinisikan variabel lokal dalam fungsi ini.
3. Ini mengembalikan fungsi sebenarnya yang berisi logika yang menggunakan variabel lokal.

Jadi perbedaan utamanya adalah pada variasi pertama bilah hanya ditetapkan satu kali, saat inisialisasi, sedangkan variasi kedua membuat variabel sementara ini setiap kali dipanggil.

Tebakan terbaik saya tentang mengapa ini digunakan adalah membatasi jumlah contoh untuk bar (hanya akan ada satu) dan dengan demikian menghemat overhead manajemen memori.

Pertanyaan saya:

1. Apakah asumsi ini benar?
2. Apakah ada nama untuk pola ini?
3. Mengapa ini digunakan?

Asumsi Anda hampir benar. Mari kita ulas dulu.

1. Ini menetapkan kembalinya fungsi yang mengeksekusi sendiri

Ini disebut ekspresi fungsi yang dipanggil segera atau IIFE

2. Ini mendefinisikan variabel lokal dalam fungsi ini

Ini adalah cara memiliki bidang objek pribadi di JavaScript karena tidak menyediakan privatekata kunci atau fungsionalitas sebaliknya.

3. Ini mengembalikan fungsi sebenarnya yang berisi logika yang menggunakan variabel lokal.

Sekali lagi, poin utamanya adalah variabel lokal ini bersifat privat .

Apakah ada nama untuk pola ini?

AFAIK Anda dapat memanggil Pola Modul pola ini . Mengutip:

Pola Modul merangkum "privasi", status, dan organisasi menggunakan closure. Ini menyediakan cara untuk membungkus campuran metode dan variabel publik dan privat, melindungi potongan agar tidak bocor ke ruang lingkup global dan secara tidak sengaja bertabrakan dengan antarmuka pengembang lain. Dengan pola ini, hanya API publik yang dikembalikan, menjaga semua yang lain di dalam closure bersifat pribadi.

Membandingkan kedua contoh tersebut, tebakan terbaik saya tentang mengapa yang pertama digunakan adalah:

1. Ini menerapkan pola desain Singleton.
2. Seseorang dapat mengontrol cara suatu objek dari tipe tertentu dapat dibuat menggunakan contoh pertama. Satu kecocokan dengan poin ini adalah metode pabrik statis seperti yang dijelaskan di Java Efektif.
3. Ini efisien jika Anda membutuhkan status objek yang sama setiap saat.

Tetapi jika Anda hanya membutuhkan objek vanilla setiap saat, maka pola ini mungkin tidak akan menambah nilai apa pun.

Ini membatasi biaya inisialisasi objek dan juga memastikan bahwa semua pemanggilan fungsi menggunakan objek yang sama . Ini memungkinkan, misalnya, status disimpan di objek untuk digunakan dalam pemanggilan di masa mendatang.

Meskipun mungkin membatasi penggunaan memori, biasanya GC akan mengumpulkan objek yang tidak digunakan, jadi pola ini sepertinya tidak akan banyak membantu.

Pola ini adalah bentuk penutupan tertentu .

Saya tidak yakin apakah pola ini memiliki nama yang lebih benar, tetapi ini tampak seperti modul bagi saya, dan alasan penggunaannya adalah untuk merangkum dan mempertahankan status.

Penutupan (diidentifikasi oleh fungsi di dalam fungsi) memastikan bahwa fungsi dalam memiliki akses ke variabel di dalam fungsi luar.

Dalam contoh yang Anda berikan, fungsi bagian dalam dikembalikan (dan ditetapkan ke foo) dengan menjalankan fungsi luar yang berarti tmpObjectterus hidup di dalam closure dan beberapa panggilan ke fungsi bagian dalam foo()akan beroperasi pada contoh yang sama tmpObject.

Perbedaan utama antara kode Anda dan kode Three.js adalah bahwa dalam kode Three.js variabel tmpObjecthanya diinisialisasi sekali, dan kemudian dibagikan oleh setiap pemanggilan fungsi yang dikembalikan.

Ini akan berguna untuk menjaga beberapa status antar panggilan, mirip dengan bagaimana staticvariabel digunakan dalam bahasa mirip C.

tmpObject adalah variabel privat yang hanya dapat dilihat oleh fungsi bagian dalam.

Ini mengubah penggunaan memori, tetapi tidak dirancang untuk menghemat memori.

Saya ingin berkontribusi pada utas yang menarik ini dengan memperluas konsep pola modul pengungkapan, yang memastikan bahwa semua metode dan variabel dijaga kerahasiaannya hingga mereka diekspos secara eksplisit.

Dalam kasus terakhir, metode penambahan akan disebut sebagai Calculator.add ();

Dalam contoh yang diberikan, cuplikan pertama akan menggunakan contoh tmpObject yang sama untuk setiap panggilan ke fungsi foo (), sedangkan seperti pada cuplikan kedua, tmpObject akan menjadi contoh baru setiap saat.

Salah satu alasan cuplikan pertama mungkin telah digunakan, adalah karena variabel tmpObject dapat dibagikan di antara panggilan ke foo (), tanpa nilainya bocor ke dalam cakupan di mana foo () dideklarasikan.

Versi fungsi yang tidak segera dijalankan dari cuplikan pertama sebenarnya akan terlihat seperti ini:

var tmpObject = new Bar();

function foo(){
    // Use tmpObject.
}

Namun perlu diperhatikan bahwa versi ini memiliki tmpObject dalam lingkup yang sama dengan foo (), sehingga dapat dimanipulasi nanti.

Cara yang lebih baik untuk mencapai fungsionalitas yang sama adalah dengan menggunakan modul terpisah:

Modul 'foo.js':

var tmpObject = new Bar();

module.exports = function foo(){
    // Use tmpObject.
};

Modul 2:

var foo = require('./foo');

Perbandingan antara kinerja IEF dan fungsi pembuat foo bernama: http://jsperf.com/ief-vs-named-function