JavaScript - Nesne hazırlamasının avantajları

Question

Bunu bir demet işlevden çok yazmak yerine, nesne değişmezini kullanmalıyım.

Nesne edebi avantajlarının örneklerle ne olduğunu açıklayabilir, çünkü şu ana kadar anlamıyorum. (Aka değişmezi desen nesne) değişmez bir nesne kullanarak

Teşekkür

Answer 1

Russ Cam dediği gibi, vb birden çok yerde (TinyMCE, komut dosyalarını birleştirerek bu günlerde çok önemlidir genel ad alanını, kirliliğine yol açmaması).

Alex Sexton'ın dediği gibi, iyi bir kod organizasyonu da yapar.

Bu tekniği kullanıyorsanız, modül desenini kullanmanızı öneririm. Bu hala nesne değişmezleri kullanır, ancak bir kapsam işlevinden dönüş değeri olarak:

var MyThingy = (function() { 

    function doSomethingCool() { 
     ... 
    } 

    function internalSomething() { 
     .... 
    } 

    function anotherNiftyThing() { 
     // Note that within the scoping function, functions can 
     // call each other direct. 
     doSomethingCool(); 
     internalSomething(); 
    } 

    return { 
     doSomethingCool: doSomethingCool, 
     anotherNiftyThing: anotherNiftyThing 
    }; 
})(); 

Dış kullanım:

MyThingy.doSomethingCool(); 

kapsam işlevi fonksiyonların her yerinde sarılır ve sonra hemen diyoruz ve dönüş değerini saklayın. Avantajları:

• Fonksiyonlar normalde ilan ve dolayısıyla isimleri sahiptir. ({name: function() { ... }} biçiminde iken, tüm işlevleriniz anonimdir, bunlara başvurulan özelliklerin adları olsa bile.) Adlar yardımcı araçlar, bir hata ayıklayıcısındaki çağrı yığınlarını göstererek, hangi işlevi bir istisna attığınızı belirtmenize yardımcı olur. (2015 Güncelleştirmesi: En son JavaScript belirtimi olan ECMAScript 6. sürümünde, JavaScript motorunun değerini bir işlevin adına girmesi gerekir. Bunlardan biri, işlevin bir özelliğe {name: function() { ... }} örneğindeki gibi atanmasıdır. motorlar ES6 uygular, bu sebeple gider.)
• Size sadece sizin modülünüz tarafından kullanılan özel işlevlere sahip olma özgürlüğü verir (yukarıdaki internalSomething gibi). Sayfadaki başka hiçbir kod bu işlevleri çağırmaz; gerçekten özeller. Yalnızca sonuçta dışa aktardığınız, dönüş ifadesinde, kapsam belirleme işlevinin dışında görünür.
• Uygulama tamamen değiştiğinde (örneğin IE-vs-W3C nesneleri veya SVG vs Canvas vb.), Çevreye göre farklı işlevler döndürmeyi kolaylaştırır. farklı işlevler dönüş

Örnek: onlar kodunu düzenlemek için net bir yoldur çünkü

var MyUtils = (function() { 
    function hookViaAttach(element, eventName, handler) { 
     element.attachEvent('on' + eventName, handler); 
    } 

    function hookViaListener(element, eventName, handler) { 
     element.addEventListener(eventName, handler, false); 
    } 

    return { 
     hook: window.attachEvent ? hookViaAttach : hookViaListener 
    }; 
})(); 

MyUtils.hook(document.getElementById('foo'), 'click', /* handler goes here */); 

Answer 2

olacak global olarak deklare birçok işlevi kullanmak kadar ciddi genel ad alanını kirletmez, hem de mantıksal bir biçimde

için kod düzenlemek için yardımcı olur olmaz

var obj = { 
       find : function(elem) { /* find code */ }, 
       doSomething: function() { /* doSomething code */ }, 
       doSomethingElse: function() { /* doSomethingElse code */ } 
      } 

değişmez örneğin, bu amaç,

function find(elem) { /* find code */ }, 
function doSomething() { /* doSomething code */ }, 
function doSomethingElse() { /* doSomethingElse code */ } 

ile karşılaştırıldığında

, global nesnedeki üç taneye kıyasla yalnızca bir özellik oluşturacaktır. Bu yılki jQuery Konferansı'nda Nesne rakamları üzerinde bir konuşma Daha sonra kolayca böylece

obj.doSomething(); 

Answer 3

Rebecca Murphey gibi işlevleri kullanabilirsiniz yaptı. Bunları kullanmanın en iyi sebeplerinden biri, iyi bir kod organizasyonudur. İşte

Nesne Değişmez Pattern Rebecca yazma kalmıştır: http://rmurphey.com/blog/2009/10/15/using-objects-to-organize-your-code/

Answer 4

seni hep nesne değişmezleri kullandı. Bu yüzden prototipten hoşlanmıyorum, çok dağınık.

İşlevler, yukarıda belirtilen nesne boşluklarından daha fazla biri olarak adlandırılan ad alanını yormaz.

Kolayca işlevleriyle aynı aynı küresel nesnelerin sürü oluşturarak kirletmez olacaktır

var obj = {} 
var find = function(elem) { /* find code */ }, 
var doSomething = function() { /* doSomething code */ }, 
var doSomethingElse = function() { /* doSomethingElse code */ } 

gibi bir hazır yazabilirim. Benzer bunu yapabilirsiniz: (herşey JS bir nesnedir)

hala küresel nesnelerin yükleri oluşturmadığından emin şekilde bu küresel nesneler yaratmak olmaz

(function() { 
function find(elem) { /* find code */ }, 
function doSomething() { /* doSomething code */ }, 
function doSomethingElse() { /* doSomethingElse code */ } 
})(); 

.

Aklım nesnelerine, iki avantajı vardır. Bir tanesi jQuery gibi birçok eklenti tarafından kullanılıyor, böylece insanlar daha kolay ve okunması kolay. Verileri bir eklentiye aktarmayı kolaylaştırmak. Hem özel hem de özel yöntemleri oluşturmak çok kolaydır.

Nesnelerin bir örneğini oluşturduğunuz her yöntem çoğaltıldığında her zamanki gibi yavaş olabilirler. Bu benim prototiple ilgili bir çözümün ve prototip referansı olarak yeni bir çıktının olduğu gibi prototipte durum böyle değil.

Hatalı olabilirim ...