+ operatörü, StringBuffer.append () 'den daha az performanslıdır

Ekibimde, genellikle şu şekilde dizi birleştirme yaparız:

var url = // some dynamically generated URL
var sb = new StringBuffer();
sb.append("<a href='").append(url).append("'>click here</a>");

Açıkçası, aşağıdakiler çok daha okunabilir:

var url = // some dynamically generated URL
var sb = "<a href='" + url + "'>click here</a>";

Ancak JS uzmanları, +operatörün performansından daha az performans gösterdiğini iddia ediyor StringBuffer.append(). Bu gerçekten doğru mu?

Internet Explorer, günümüz dünyasında bundan gerçekten muzdarip olan tek tarayıcıdır. (5, 6 ve 7 sürümleri köpek yavaştır. 8 aynı bozulmayı göstermez.) Dahası, diziniz ne kadar uzun olursa IE yavaşlar ve yavaşlar.

Birleştirmeniz gereken uzun dizeleriniz varsa, kesinlikle bir array.join tekniği kullanın. (Veya okunabilirlik için bunun etrafında bir StringBuffer sarmalayıcısı.) Ama dizeleriniz kısaysa zahmet etmeyin.

Örneğiniz iyi bir örnek değil, çünkü performansın önemli ölçüde farklı olması pek olası değil. Örneğinizde okunabilirlik performansı gölgede bırakmalıdır çünkü birinin diğerine göre performans kazancı ihmal edilebilir. Bir dizinin (StringBuffer) faydaları yalnızca çok sayıda birleştirmeler yaptığınızda belirgindir. O zaman bile kilometreniz tarayıcınıza çok bağlı olabilir.

Burada, birçok farklı tarayıcıda tüm farklı JavaScript birleştirme yöntemlerini kullanarak performansı gösteren ayrıntılı bir performans analizi yer almaktadır; String Performansı ve Analizi

Daha fazla bilgi:
Ajaxian >> IE'de Dize Performansı: Array.join - + = devam ediyor

Evet doğru ama aldırmamalısın. Okuması daha kolay olanla gidin. Uygulamanızı karşılaştırmanız gerekiyorsa, darboğazlara odaklanın.

Dize birleştirme işleminin darboğazınız olmayacağını tahmin ediyorum.

Michael Haren ile anlaştı .

Ayrıca dizilerin kullanımını düşünün ve performans gerçekten bir sorunsa birleştirin.

var buffer = ["<a href='", url, "'>click here</a>"];
buffer.push("More stuff");
alert(buffer.join(""));

Bunu dene:

var s = ["<a href='", url, "'>click here</a>"].join("");

Zaten bazı kullanıcıların belirttiği gibi: Bu, küçük dizeler için önemsizdir.

Firefox, Safari veya Google Chrome'daki yeni JavaScript motorları,

"<a href='" + url + "'>click here</a>";

kadar hızlı

["<a href='", url, "'>click here</a>"].join("");

JavaScript'in yerel bir StringBuffer nesnesi yok, bu yüzden bunun kullandığınız bir kitaplıktan veya sıra dışı bir ana bilgisayar ortamının bir özelliğinden (yani tarayıcı değil) olduğunu varsayıyorum.

Yerel bir StringBuffer nesnesi yapabilse de, bir kütüphanenin (JS'de yazılmış) daha hızlı bir şey üreteceğinden şüpheliyim. Kesin cevap bir profil oluşturucu ile bulunabilir (bir tarayıcıda çalıştırıyorsanız, Firebug size Firefox'ta bulunan JS motoru için bir profil oluşturucu sağlayacaktır).

Knuth'un sözleriyle, "erken optimizasyon tüm kötülüklerin köküdür!" Her iki şekilde de küçük defansın sonunda büyük olasılıkla pek bir etkisi olmayacaktır; Daha okunaklı olanı seçerdim.

Okunması daha kolay yöntem, koda bakarken insanlara algılanabilir miktarda zaman kazandırırken, "daha hızlı" yöntem yalnızca insanlar sayfaya göz atarken fark edilemeyecek ve muhtemelen ihmal edilebilir miktarlarda zaman harcıyor.

Bu gönderinin kötü olduğunu biliyorum, ancak yanlışlıkla bunun farklı bir konu olduğunu düşünerek tamamen farklı bir şey gönderdim ve gönderileri nasıl sileceğimi bilmiyorum. Benim hatam...

Hızlı bir kıyaslama oluşturmak ve jspref.com'u kullanarak Javascript performans varyasyonlarına göz atmak oldukça kolaydır . Muhtemelen bu soru sorulduğunda ortalıkta yoktu. Ancak bu soruya tökezleyen insanlar için siteye bir göz atmaları gerekir.

Ben de birleştirme çeşitli yöntemlerin hızlı bir test yaptım http://jsperf.com/string-concat-methods-test .

İşlevsel stili kullanmayı seviyorum, örneğin:

function href(url,txt) {
  return "<a href='" +url+ "'>" +txt+ "</a>"
}

function li(txt) {
  return "<li>" +txt+ "</li>"
}

function ul(arr) {
  return "<ul>" + arr.map(li).join("") + "</ul>"
}

document.write(
  ul(
    [
      href("http://url1","link1"),
      href("http://url2","link2"),
      href("http://url3","link3")
    ]
  )
)

Bu stil okunabilir ve şeffaf görünüyor. Kodda tekrarlamayı azaltan yardımcı programların oluşturulmasına yol açar.

Bu ayrıca ara dizeleri otomatik olarak kullanma eğilimindedir.

Bildiğim kadarıyla, her birleştirme, bir bellek yeniden tahsisi anlamına gelir. Yani sorun, bunu yapmak için kullanılan operatör değil, çözüm, birleştirme sayısını azaltmaktır. Örneğin, birleştirme işlemlerini yapabildiğiniz zaman yineleme yapılarının dışında yapın.

Evet, olağan ölçütlere göre. Örneğin: http://mckoss.com/jscript/SpeedTrial.htm .

Ancak küçük dizeler için bu önemsizdir. Sadece çok büyük dizelerdeki performansları önemseyeceksiniz. Dahası, çoğu JS betiğinde, şişe boynu, yeterince olmadığı için nadiren dize manipülasyonlarında bulunur.

DOM manipülasyonunu izlemelisiniz.