Truyền tới chuỗi trong JavaScript

Tôi đã tìm thấy ba cách để truyền một biến Stringvào JavaScript.
Tôi đã tìm kiếm ba tùy chọn đó trong mã nguồn jQuery và tất cả chúng đều được sử dụng .
Tôi muốn biết nếu có bất kỳ sự khác biệt giữa chúng:

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

BẢN GIỚI THIỆU

Tất cả đều sản xuất cùng một đầu ra, nhưng liệu một trong số họ tốt hơn những sản phẩm khác?
Tôi có thể nói rằng + ""có một lợi thế là nó cứu được một số nhân vật, nhưng đó không phải là lợi thế lớn, còn gì nữa không?

Họ cư xử khác nhau khi valuecó null.

• null.toString()ném lỗi - Không thể gọi phương thức 'toString' của null
• String(null)trả về - "null"
• null + ""cũng trả về - "null"

Hành vi rất giống xảy ra nếu valuelà undefined(xem câu trả lời của jbabey ).

Ngoài ra, có một sự khác biệt hiệu suất không đáng kể, trừ khi bạn sử dụng chúng trong các vòng lặp lớn, không đáng lo ngại.

Có sự khác biệt, nhưng có lẽ chúng không liên quan đến câu hỏi của bạn. Ví dụ: nguyên mẫu toString không tồn tại trên các biến không xác định, nhưng bạn có thể truyền không xác định vào một chuỗi bằng hai phương thức khác:

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

Chúng hoạt động giống nhau nhưng toStringcũng cung cấp một cách để chuyển đổi một chuỗi nhị phân, bát phân hoặc thập lục phân:

Thí dụ:

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

Theo thử nghiệm JSPerf này , chúng khác nhau về tốc độ. Nhưng trừ khi bạn sẽ sử dụng chúng với số lượng lớn, bất kỳ trong số chúng sẽ hoạt động tốt.

Để hoàn thiện: Như asawyer đã đề cập, bạn cũng có thể sử dụng .toString()phương pháp.

Ngoài tất cả những điều trên, người ta cần lưu ý rằng, đối với một giá trị được xác định v:

• String(v) các cuộc gọi v.toString()
• '' + vcác cuộc gọi v.valueOf()trước bất kỳ loại diễn viên nào khác

Vì vậy, chúng tôi có thể làm một cái gì đó như:

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

Đã thử nghiệm trong FF 34.0 và Nút 0.10

nếu bạn ổn với null, không xác định, NaN, 0 và false, tất cả chuyển sang '' thì (s ? s+'' : '')nhanh hơn.

xem http://jsperf.com/cast-to-opes/8

lưu ý - có sự khác biệt đáng kể giữa các trình duyệt tại thời điểm này.

Ví dụ trong thế giới thực: Tôi đã có một hàm nhật ký có thể được gọi với số lượng tham số tùy ý : log("foo is {} and bar is {}", param1, param2). Nếu một DEBUGcờ được đặt thành true, dấu ngoặc được thay thế bởi các tham số đã cho và chuỗi được truyền đến console.log(msg). Các tham số có thể và sẽ là Chuỗi, Số và bất cứ điều gì có thể được trả về bằng các lệnh gọi JSON / AJAX, thậm chí có thể null.

• arguments[i].toString()không phải là một lựa chọn, vì các nullgiá trị có thể (xem câu trả lời của Connell Watkins)
• JSLint sẽ phàn nàn về arguments[i] + "". Điều này có thể hoặc không thể ảnh hưởng đến quyết định sử dụng cái gì. Một số người tuân thủ nghiêm ngặt JSLint.
• Trong một số trình duyệt, nối chuỗi rỗng nhanh hơn một chút so với sử dụng hàm chuỗi hoặc hàm tạo chuỗi (xem thử nghiệm JSPerf trong Sammys S. answer). Trong Opera 12 và Firefox 19, việc ghép các chuỗi trống nhanh hơn một cách nhanh chóng (95% trong Firefox 19) - hoặc ít nhất là JSPerf đã nói như vậy.

Trên trang này, bạn có thể tự kiểm tra hiệu suất của từng phương thức :)

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

Ở đây, trên tất cả các máy và trình duyệt, ' "" + str ' là tốc độ nhanh nhất, (Chuỗi) là chậm nhất