Transmitir a cadena en JavaScript

Encontré tres formas de convertir una variable Stringen JavaScript.
Busqué esas tres opciones en el código fuente de jQuery, y todas están en uso .
Me gustaría saber si hay alguna diferencia entre ellos:

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

MANIFESTACIÓN

Todos producen la misma salida, pero ¿uno de ellos es mejor que los demás?
Diría que + ""tiene la ventaja de que salva a algunos personajes, pero esa no es una gran ventaja, ¿algo más?

Se comportan de manera diferente cuando valuees así null.

• null.toString()arroja un error - No se puede llamar al método 'toString' de nulo
• String(null)devuelve - "nulo"
• null + ""también devuelve - "nulo"

Un comportamiento muy similar ocurre si valuees así undefined(ver la respuesta de jbabey ).

Aparte de eso, hay una diferencia de rendimiento insignificante que, a menos que los esté utilizando en bucles enormes, no vale la pena preocuparse.

Hay diferencias, pero probablemente no sean relevantes para su pregunta. Por ejemplo, el prototipo toString no existe en variables indefinidas, pero puede convertir indefinido a una cadena utilizando los otros dos métodos:

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

Se comportan igual pero toStringtambién proporcionan una forma de convertir un número de cadenas binarias, octales o hexadecimales:

Ejemplo:

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

Según esta prueba de JSPerf , difieren en velocidad. Pero a menos que los vaya a usar en grandes cantidades, cualquiera de ellos debería funcionar bien.

Para completar: como ya se mencionó como un abogado , también puede usar el .toString()método.

Además de todo lo anterior, se debe tener en cuenta que, para un valor definido v:

• String(v) llamadas v.toString()
• '' + vllamadas v.valueOf()antes de cualquier otro tipo de reparto

Entonces podríamos hacer algo como:

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

Probado en FF 34.0 y Nodo 0.10

si está de acuerdo con nulo, indefinido, NaN, 0 y falso todo el envío a '', entonces (s ? s+'' : '')es más rápido.

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

nota: existen diferencias significativas entre los navegadores en este momento.

Ejemplo del mundo real: Tengo una función de registro que se puede llamar con un número arbitrario de parámetros: log("foo is {} and bar is {}", param1, param2). Si DEBUGse establece un indicador en true, los corchetes se reemplazan por los parámetros dados y se pasa la cadena a console.log(msg). Los parámetros pueden y serán cadenas, números y lo que sea que las llamadas JSON / AJAX puedan devolver, tal vez incluso null.

• arguments[i].toString()no es una opción, debido a los posibles nullvalores (vea la respuesta de Connell Watkins)
• JSLint se quejará arguments[i] + "". Esto puede o no influir en una decisión sobre qué usar. Algunas personas se adhieren estrictamente a JSLint.
• En algunos navegadores, la concatenación de cadenas vacías es un poco más rápida que el uso de la función de cadena o el constructor de cadenas (consulte la prueba JSPerf en la respuesta de Sammys S.). En Opera 12 y Firefox 19, la concatenación de cadenas vacías es ridículamente más rápida (95% en Firefox 19) , o al menos JSPerf lo dice.

En esta página puede probar el rendimiento de cada método usted mismo :)

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

aquí, en todas las máquinas y navegadores, ' "" + str ' es el más rápido, (String) str es el más lento