Casting ke string dalam JavaScript

Saya menemukan tiga cara untuk melemparkan variabel ke Stringdalam JavaScript.
Saya mencari tiga opsi dalam kode sumber jQuery, dan semuanya digunakan .
Saya ingin tahu apakah ada perbedaan di antara mereka:

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

DEMO

Mereka semua menghasilkan output yang sama, tetapi apakah salah satu dari mereka lebih baik daripada yang lain?
Saya akan mengatakan + ""memiliki kelebihan yang menghemat beberapa karakter, tetapi itu bukan keuntungan besar, hal lain?

Mereka berperilaku berbeda saat valueitu null.

• null.toString()melempar kesalahan - Tidak dapat memanggil metode 'toString' dari nol
• String(null)kembali - "null"
• null + ""juga mengembalikan - "null"

Perilaku yang sangat mirip yang terjadi jika valueadalah undefined(lihat jawaban jbabey ini ).

Selain itu, ada perbedaan kinerja yang dapat diabaikan, yang, kecuali jika Anda menggunakannya dalam putaran besar, tidak perlu dikhawatirkan.

Ada perbedaan, tetapi mereka mungkin tidak relevan dengan pertanyaan Anda. Misalnya, prototipe toString tidak ada pada variabel yang tidak terdefinisi, tetapi Anda bisa menggunakan undefined ke string menggunakan dua metode lainnya:

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

Mereka berperilaku sama tetapi toStringjuga menyediakan cara untuk mengkonversi bilangan biner, oktal, atau string heksadesimal:

Contoh:

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

Menurut tes JSPerf ini , mereka berbeda dalam kecepatan. Tetapi kecuali jika Anda akan menggunakannya dalam jumlah besar, salah satu dari mereka akan bekerja dengan baik.

Untuk kelengkapan: Seperti yang disebutkan asawyer , Anda juga dapat menggunakan .toString()metode ini.

Selain semua hal di atas, orang harus mencatat bahwa, untuk nilai yang ditentukan v:

• String(v) panggilan v.toString()
• '' + vpanggilan v.valueOf()sebelum jenis pemain lain

Jadi kita bisa melakukan sesuatu seperti:

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

Diuji dalam FF 34.0 dan Node 0.10

jika Anda setuju dengan null, undefined, NaN, 0, dan false semua casting ke '' maka (s ? s+'' : '')lebih cepat.

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

perhatikan - ada perbedaan yang signifikan antar browser saat ini.

Nyata contoh dunia: Aku punya fungsi log yang dapat disebut dengan jumlah sewenang-wenang parameter: log("foo is {} and bar is {}", param1, param2). Jika sebuah DEBUGflag diset ke true, tanda kurung diganti dengan parameter yang diberikan dan string diteruskan ke console.log(msg). Parameter dapat dan akan menjadi Strings, Numbers dan apa pun yang dapat dikembalikan oleh panggilan JSON / AJAX, bahkan mungkin null.

• arguments[i].toString()bukan pilihan, karena nullnilai yang mungkin (lihat jawaban Connell Watkins)
• JSLint akan mengeluh arguments[i] + "". Ini mungkin atau mungkin tidak mempengaruhi keputusan tentang apa yang akan digunakan. Beberapa orang secara ketat mematuhi JSLint.
• Di beberapa browser, menggabungkan string kosong sedikit lebih cepat daripada menggunakan fungsi string atau konstruktor string (lihat tes JSPerf dalam jawaban Sammys S.). Di Opera 12 dan Firefox 19, menyatukan string kosong lebih cepat (95% di Firefox 19) - atau setidaknya JSPerf mengatakan demikian.

Di halaman ini Anda dapat menguji sendiri kinerja masing-masing metode :)

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

di sini, di semua mesin dan browser, ' "" + str ' adalah yang tercepat, (String) str adalah yang paling lambat