Semua orang terus mengatakan bahwa salah satu masalah JavaScript adalah menggunakan +[ contoh ] untuk penggabungan string. Ada yang bilang masalahnya tidak menggunakan +, itu tipe paksaan [lihat komentar dari contoh sebelumnya]. Tetapi bahasa yang diketik dengan kuat menggunakan + untuk jenis penggabungan dan pemaksaan tanpa masalah. Misalnya, dalam C #:

int number = 1;
MyObject obj = new MyObject();

var result = "Hello" + number + obj;
// is equivalent to
string result = "hello" + number.ToString() + obj.ToString();

Jadi mengapa penggabungan string dalam JavaScript adalah masalah besar?

Pertimbangkan kode JavaScript ini:

var a = 10;
var b = 20;
console.log('result is ' + a + b);

Ini akan masuk

hasilnya adalah 1020

Yang paling mungkin bukan yang dimaksudkan, dan bisa sulit untuk melacak bug.

Ketika Anda mengatakan "buruk", apakah yang Anda maksud "salah" atau maksudnya "lambat"? Argumen tentang penggunaan operator matematika untuk melakukan penggabungan string dapat dikatakan sebagai argumen yang "salah", tetapi ada juga argumen yang mengatakan bahwa menggunakan +untuk melakukan banyak penggabungan string bisa sangat lambat.

Kita tidak berbicara tentang "Hello" + numberketika kita berbicara tentang kinerja, kita berbicara tentang membangun string yang relatif besar dengan berulang kali menambahkannya dalam satu lingkaran.

var combined = "";
for (var i = 0; i < 1000000; i++) {
    combined = combined + "hello ";
}

Dalam JavaScript (dan C # dalam hal ini) string tidak berubah. Mereka tidak pernah bisa diubah, hanya diganti dengan string lainnya. Anda mungkin sadar bahwa combined + "hello "itu tidak secara langsung memodifikasi combinedvariabel - operasi menciptakan string baru yang merupakan hasil menggabungkan dua string bersama-sama, tetapi Anda kemudian harus menetapkan string baru ke combinedvariabel jika Anda ingin itu diubah.

Jadi apa yang dilakukan loop ini adalah menciptakan jutaan objek string yang berbeda, dan membuang 999.999 darinya. Membuat banyak string yang terus tumbuh dalam ukuran tidak cepat, dan sekarang pengumpul sampah memiliki banyak pekerjaan yang harus dilakukan untuk membersihkan setelah ini.

C # memiliki masalah yang sama persis, yang diselesaikan di lingkungan itu oleh kelas StringBuilder . Dalam JavaScript, Anda akan mendapatkan kinerja yang jauh lebih baik dengan membangun array dari semua string yang ingin Anda gabungkan, dan kemudian bergabung bersama-sama satu kali di akhir, bukannya satu juta kali di loop:

var parts = [];
for (var i = 0; i < 1000000; i++) {
    parts.push("hello");
}
var combined = parts.join(" ");

Tidak buruk menggunakan + untuk penambahan dan penggabungan, selama Anda hanya dapat menambahkan angka, dan hanya string gabungan. Namun, Javascript akan secara otomatis mengkonversi antara angka dan string sesuai kebutuhan, sehingga Anda memiliki:

3 * 5 => 15
"3" * "5" => 15
2 + " fish" => "2 fish"
"3" + "5" => "35"  // hmmm...

Mungkin lebih sederhana, kelebihan "+" di hadapan konversi tipe otomatis mematahkan asosiasi yang diharapkan dari operator +:

("x" + 1) + 3 != "x" + (1 + 3)

Masalah khas yang dibawa untuk penggabungan string berkisar pada beberapa masalah:

1. yang +simbol yang kelebihan beban
2. kesalahan sederhana
3. pemrogram menjadi malas

# 1

Masalah pertama dan terpenting dengan penggunaan +untuk penggabungan dan penambahan string adalah bahwa Anda menggunakan +untuk penggabungan dan penambahan string .

jika Anda memiliki variabel adan b, dan Anda mengatur c = a + b, ada ambiguitas tergantung pada jenis adan b. Ambiguitas ini memaksa Anda untuk mengambil langkah-langkah tambahan untuk mengurangi masalah:

String Concat:

c = '' + a + b;

Tambahan:

c = parseFloat(a) + parseFloat(b);

Ini membawa saya ke poin kedua saya

# 2

Sangat mudah untuk secara tidak sengaja melemparkan variabel ke string tanpa menyadarinya. Juga mudah untuk melupakan bahwa input Anda masuk sebagai string:

a = prompt('Pick a number');
b = prompt('Pick a second number');
alert( a + b );

Akan menghasilkan hasil yang tidak intuitif karena prompt mengembalikan nilai string input.

# 3

Perlu mengetik parseFloatatau Number()setiap kali saya ingin melakukan penambahan itu membosankan dan menjengkelkan. Saya menganggap diri saya cukup pintar untuk mengingat tidak mengacaukan tipe dinamis saya, tetapi itu tidak berarti saya tidak pernah mengacaukan tipe dinamis saya . Kebenaran dari masalah ini adalah bahwa saya terlalu malas untuk mengetik parseFloatatau Number()setiap kali saya melakukan penambahan, karena saya melakukan banyak penambahan.

Larutan?

Tidak semua bahasa digunakan +untuk penggabungan string. PHP menggunakan .untuk menggabungkan string, yang membantu membedakan antara kapan Anda ingin menambahkan angka dan kapan Anda ingin bergabung dengan string.

Simbol apa pun dapat digunakan untuk menggabungkan string, tetapi sebagian besar sudah digunakan, dan yang terbaik adalah menghindari duplikasi. Jika saya punya cara saya, saya mungkin akan menggunakan _untuk bergabung dengan string, dan melarang _dalam nama variabel.