Перенесення на рядок у JavaScript

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

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

DEMO

Усі вони дають однаковий вихід, але чи один з них кращий за інші?
Я б сказав, що + ""перевага має те, що вона рятує деяких персонажів, але це не така вже й велика перевага?

Вони поводяться інакше, коли valueє null.

• null.toString()видає помилку - Неможливо викликати метод 'toString' з null
• String(null)повертає - "null"
• null + ""також повертається - "null"

Дуже подібна поведінка трапляється, якщо valueє undefined(див . Відповідь jbabey ).

Крім цього, існує незначна різниця в продуктивності, яка, якщо ви не використовуєте їх у величезних циклах, не варто турбуватися.

Існують відмінності, але вони, ймовірно, не стосуються вашого питання. Наприклад, прототип toString не існує на невизначених змінних, але ви можете надати невизначений рядок за допомогою двох інших методів:

​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

якщо у вас все з нульовим, невизначеним, NaN, 0 та неправдивим, усі кастинг на '', тоді (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значення (див. відповідь Connell Watkins)
• JSLint поскаржиться на arguments[i] + "". Це може чи не може впливати на рішення щодо використання. Деякі люди суворо дотримуються JSLint.
• У деяких браузерах об'єднання порожніх рядків трохи швидше, ніж використання функції рядка або конструктора рядків (див. Тест JSPerf у відповіді Sammys S.). В Opera 12 і Firefox 19 об'єднання порожніх рядків є домішково швидшим (95% у Firefox 19) - або, принаймні, так говорить JSPerf .

На цій сторінці ви можете перевірити продуктивність кожного методу самостійно :)

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

тут, на всіх машинах і браузерах, " " "+ str " є найшвидшим, (String) str - найповільнішим