Przesyłanie do ciągu w JavaScript

Znalazłem trzy sposoby na rzutowanie zmiennej Stringw JavaScript.
Szukałem tych trzech opcji w kodzie źródłowym jQuery i wszystkie są w użyciu .
Chciałbym wiedzieć, czy są między nimi jakieś różnice:

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

PRÓBNY

Wszystkie wytwarzają tę samą moc wyjściową, ale czy jeden z nich jest lepszy od innych?
Powiedziałbym, że + ""ma tę zaletę, że oszczędza niektóre postacie, ale to nie jest tak duża zaleta, coś jeszcze?

Zachowują się inaczej, gdy valuejest null.

• null.toString()zgłasza błąd - Nie można wywołać metody „toString” o wartości null
• String(null)zwraca - „null”
• null + ""zwraca również - „null”

Bardzo podobne zachowanie ma miejsce, jeśli valuejest undefined(patrz odpowiedź jbabey ).

Poza tym istnieje niewielka różnica w wydajności, o ile nie używasz ich w dużych pętlach, nie warto się martwić.

Istnieją różnice, ale prawdopodobnie nie mają związku z twoim pytaniem. Na przykład prototyp toString nie istnieje na niezdefiniowanych zmiennych, ale można rzutować niezdefiniowany na ciąg, używając dwóch pozostałych metod:

​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/

Zachowują się tak samo, ale toStringzapewniają także konwersję ciągów binarnych, ósemkowych lub szesnastkowych:

Przykład:

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

Według tego testu JSPerf różnią się prędkością. Ale chyba, że ​​zamierzasz używać ich w dużych ilościach, każdy z nich powinien działać dobrze.

Dla kompletności: Jak już wspomniano jako prawnik , możesz również użyć tej .toString()metody.

Oprócz wszystkich powyższych należy zauważyć, że dla określonej wartości v:

• String(v) połączenia v.toString()
• '' + vpołączenia v.valueOf()przed jakimkolwiek innym typem obsady

Więc możemy zrobić coś takiego:

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

Testowane w FF 34.0 i węźle 0.10

jeśli jesteś w porządku z zerami, niezdefiniowanymi, NaN, 0 i false wszystkie rzutowania na „”, to (s ? s+'' : '')jest szybsze.

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

Uwaga - w tej chwili istnieją znaczne różnice między przeglądarkami.

Świat realny przykład: Mam funkcję dziennika, który można nazwać z dowolnej liczby parametrów: log("foo is {} and bar is {}", param1, param2). Jeśli DEBUGflaga jest ustawiona na true, nawiasy zastępowane są podanymi parametrami, a ciąg jest przekazywany do console.log(msg). Parametry mogą i będą ciągami, liczbami i czymkolwiek, co może zostać zwrócone przez wywołania JSON / AJAX, a może nawet null.

• arguments[i].toString()nie jest opcją ze względu na możliwe nullwartości (patrz odpowiedź Connell Watkins)
• JSLint będzie narzekać arguments[i] + "". To może, ale nie musi, wpływać na decyzję o tym, czego użyć. Niektórzy ludzie ściśle przestrzegają JSLint.
• W niektórych przeglądarkach łączenie pustych łańcuchów jest nieco szybsze niż użycie funkcji łańcuchowej lub konstruktora łańcuchów (patrz test JSPerf w odpowiedzi Sammys S.). W Operze 12 i Firefox 19 łączenie pustych ciągów jest znacznie szybsze (95% w Firefoksie 19) - a przynajmniej tak twierdzi JSPerf .

Na tej stronie możesz samodzielnie przetestować działanie każdej metody :)

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

tutaj na wszystkich komputerach i przeglądarkach „ ” „+ str ” jest najszybszy, a (String) str jest najwolniejszy