Bagaimanakah Saya Boleh Mengelakkan Penggabungan Rentetan Apabila Menginterpolasi Pembolehubah dalam JavaScript?

Menginterpolasi Pembolehubah dalam Rentetan dalam JavaScript: Pendekatan Tanpa Penggabungan

Dalam PHP, pembolehubah dalam rentetan boleh disisipkan dengan lancar tanpa penggabungan. Ini menimbulkan persoalan sama ada pendekatan serupa boleh dilaksanakan dalam JavaScript.

JavaScript memperkenalkan Template Literals (ES2015), penyelesaian yang elegan untuk memasukkan ungkapan dalam rentetan. Literal ini membenarkan anda menggunakan backtick ( ) sebagai pembatas rentetan dan bukannya petikan berganda atau tunggal.

Dalam literal templat, ungkapan diinterpolasi menggunakan sintaks:

`String text ${expression}`

Sebagai contoh:

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b}.`); // "Fifteen is 15."

Sintaks ini bukan sahaja meningkatkan kebolehbacaan tetapi juga membenarkan rentetan berbilang baris tanpa melarikan diri:

return `
    <div>

Sokongan penyemak imbas untuk sintaks ini sangat baik, namun, untuk penyemak imbas lama seperti IE8 , Babel/Webpack boleh mentranspile kod ke ES5 untuk keserasian yang lebih luas.

Sebagai nota sampingan, pemformatan rentetan asas boleh dicapai dalam console.log masuk IE8 :

console.log('%s is %d.', 'Fifteen', 15); // Fifteen is 15.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengelakkan Penggabungan Rentetan Apabila Menginterpolasi Pembolehubah dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!