Приведение к строке в JavaScript

Я нашел три способа приведения переменной Stringв JavaScript.
Я искал эти три опции в исходном коде jQuery, и все они используются .
Я хотел бы знать, есть ли различия между ними:

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

DEMO

Все они производят один и тот же результат, но один из них лучше других?
Я бы сказал, что у + ""него есть преимущество в том, что он сохраняет некоторых персонажей, но это не такое большое преимущество, что-нибудь еще?

Они ведут себя по-разному, когда valueесть null.

• null.toString()выдает ошибку - Невозможно вызвать метод 'toString' с нулевым значением
• String(null)возвращает - «ноль»
• null + ""также возвращает - «ноль»

Очень похожее поведение происходит, если valueесть undefined(см . Ответ JBabey ).

Кроме этого, есть незначительная разница в производительности, о которой, если вы не используете их в больших циклах, не стоит беспокоиться.

Есть различия, но они, вероятно, не имеют отношения к вашему вопросу. Например, прототип toString не существует для неопределенных переменных, но вы можете привести undefined к строке, используя два других метода:

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

Они ведут себя одинаково, но toStringтакже предоставляют способ преобразования двоичных, восьмеричных или шестнадцатеричных строк:

Пример:

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

Согласно этому тесту JSPerf , они отличаются по скорости. Но если вы не собираетесь использовать их в огромных количествах, любой из них должен работать хорошо.

Для полноты: как уже упоминалось asawyer , вы также можете использовать .toString()метод.

В дополнение ко всему вышесказанному следует отметить, что для определенного значения v:

• String(v) звонки v.toString()
• '' + vвызовы v.valueOf()до любого другого типа приведения

Таким образом, мы могли бы сделать что-то вроде:

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

Протестировано в FF 34.0 и Node 0.10

если вы согласны с null, undefined, NaN, 0 и false, все приведение к '' тогда (s ? s+'' : '')будет быстрее.

см. http://jsperf.com/cast-to-string/8

обратите внимание - в настоящее время существуют значительные различия между браузерами.

Реальный пример: У меня есть функция журнала , которая может быть вызвана с произвольным числом параметров: log("foo is {} and bar is {}", param1, param2). Если установлен DEBUGфлаг true, скобки заменяются данными параметрами, и строка передается console.log(msg). Параметрами могут быть и будут строки, числа и все, что может быть возвращено вызовами JSON / AJAX, может быть даже null.

• arguments[i].toString()это не вариант из-за возможных nullзначений (см. ответ Коннелла Уоткинса)
• JSLint будет жаловаться arguments[i] + "". Это может или не может повлиять на решение о том, что использовать. Некоторые люди строго придерживаются JSLint.
• В некоторых браузерах конкатенация пустых строк выполняется немного быстрее, чем использование строковой функции или строкового конструктора (см. Тест JSPerf в ответе Sammys S.). В Opera 12 и Firefox 19 конкатенация пустых строк выполняется быстрее (95% в Firefox 19), или, по крайней мере, JSPerf так говорит.

На этой странице вы можете самостоятельно проверить производительность каждого метода :)

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

здесь, на всех машинах и браузерах, ' "" + str ' самый быстрый, (String) самый медленный