JavaScript'te dizeye yayınlama

StringJavaScript'te bir değişken yayınlamanın üç yolunu buldum .
Ben jQuery kaynak kodu bu üç seçenek aradı ve hepsi kullanımda .
Aralarında herhangi bir fark olup olmadığını bilmek istiyorum:

value.toString()
String(value)
value + ""

DEMO

Hepsi aynı çıktıyı üretir, ancak bunlardan biri diğerlerinden daha mı iyidir? Bazı karakterleri kaydetme avantajı olduğunu
söyleyebilirim + "", ama bu o kadar büyük bir avantaj değil, başka bir şey mi?

Onlar farklı davranır yok valueolduğunu null.

• null.toString()bir hata atar - null 'toString' yöntemi çağırılamıyor
• String(null)döndürür - "null"
• null + ""ayrıca döndürür - "null"

Çok benzer davranış olur valueise undefined(bkz jbabey cevabını ).

Bunun dışında, dev döngülerde kullanmadığınız sürece endişelenmeye değmeyecek bir ihmal edilebilir performans farkı var.

Farklılıklar var, ancak muhtemelen sorunuzla ilgili değiller. Örneğin, toString prototipi tanımlanmamış değişkenlerde mevcut değildir, ancak diğer iki yöntemi kullanarak tanımlanmamış bir dizeye yayın yapabilirsiniz:

​var foo;

​var myString1 = String(foo); // "undefined" as a string

var myString2 = foo + ''; // "undefined" as a string

var myString3 = foo.toString(); // throws an exception

http://jsfiddle.net/f8YwA/

Aynı şekilde davranırlar, ancak toStringaynı zamanda bir sayı ikili, sekizli veya onaltılık dizeleri dönüştürmek için bir yol sağlar:

Misal:

var a = (50274).toString(16)  // "c462"
var b = (76).toString(8)      // "114"
var c = (7623).toString(36)   // "5vr"
var d = (100).toString(2)     // "1100100"

Bu JSPerf testine göre hızları farklıdır. Ancak, bunları büyük miktarlarda kullanmayacaksanız, herhangi biri iyi performans göstermelidir.

Tamlık için: Asawyer'in daha önce de belirttiği gibi, .toString()yöntemi de kullanabilirsiniz .

Yukarıdakilerin hepsine ek olarak, tanımlanmış bir değer için aşağıdakilere dikkat edilmelidir v:

• String(v) aramalar v.toString()
• '' + vv.valueOf()başka bir tür yayın öncesi çağrı

Böylece şöyle bir şey yapabiliriz:

var mixin = {
  valueOf:  function () { return false },
  toString: function () { return 'true' }
};
mixin === false;  // false
mixin == false;    // true
'' + mixin;       // "false"
String(mixin)     // "true"

FF 34.0 ve Düğüm 0.10'da test edilmiştir

null, undefined, NaN, 0 ve false ile sorun yaşarsanız, tüm yayınlar '' (s ? s+'' : '')olarak ayarlanır.

bkz. http://jsperf.com/cast-to-string/8

not - şu anda tarayıcılar arasında önemli farklılıklar vardır.

Gerçek hayattan örnek: Ben parametrelerin keyfi bir sayı ile çağrılabilir bir günlük işlevi var: log("foo is {} and bar is {}", param1, param2). Bir DEBUGbayrak olarak ayarlanırsa true, parantezler belirtilen parametrelerle değiştirilir ve dize iletilir console.log(msg). Parametreler, Dizeler, Sayılar ve JSON / AJAX çağrıları tarafından döndürülebilecek her şey olabilir, hatta olabilir null.

• arguments[i].toString()olası nulldeğerler nedeniyle bir seçenek değildir (bkz. Connell Watkins cevabı)
• JSLint şikayet edecek arguments[i] + "". Bu, ne kullanılacağına dair bir kararı etkileyebilir veya etkilemeyebilir. Bazı insanlar JSLint'e sıkı sıkıya bağlı kalırlar.
• Bazı tarayıcılarda, boş dizeleri birleştirmek dize işlevi veya dize yapıcı kullanmaktan biraz daha hızlıdır (Sammys S. yanıtında JSPerf testine bakın). Opera 12 ve Firefox 19'da, boş dizeleri birleştirmek çok daha hızlıdır (Firefox 19'da% 95) - veya en azından JSPerf bunu söylüyor.

Bu sayfada, her yöntemin performansını kendiniz test edebilirsiniz :)

http://jsperf.com/cast-to-string/2

burada, tüm makinelerde ve tarayıcılarda ' "" + str ' en hızlı, (String) str en yavaş