Bagaimanakah Saya Boleh Menginterpolasi Pembolehubah ke dalam Rentetan dalam JavaScript Tanpa Penggabungan?

Menginterpolasi Pembolehubah dalam Rentetan dalam JavaScript, Menghapuskan Penggabungan

Dalam bahasa pengaturcaraan seperti PHP, menginterpolasi pembolehubah ke dalam rentetan menggunakan sintaks seperti "$hello" ialah pendekatan yang ringkas dan elegan. Tetapi bolehkah kita mencapai fungsi yang sama dalam JavaScript tanpa menggunakan penggabungan?

Memperkenalkan Templat Literal, ciri yang diperkenalkan dalam ES2015 (ES6), yang memperkasakan JavaScript dengan keupayaan untuk membenamkan ungkapan dalam rentetan diapit dengan tanda tanda belakang (`) dan bukannya petikan berganda atau tunggal.

Untuk pembolehubah interpolasi, sintaksnya ialah:

`String text ${expression}`

Contoh:

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

Ini bukan sahaja mengelakkan keperluan untuk penggabungan tetapi juga menampung rentetan berbilang baris tanpa memerlukan untuk teknik melarikan diri yang janggal, templat yang sangat meningkatkan pembinaan.

Sokongan Pelayar:

Sebagai sintaks yang lebih baharu, Template Literals tidak disokong secara universal. Untuk jangkauan yang luas, pertimbangkan untuk memindahkan kod anda ke ES5 menggunakan Babel/Webpack.

Bonus:

IE8 menawarkan bentuk asas pemformatan rentetan dalam console.log:

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

Akhirnya, Template Literals menyediakan penyelesaian yang mantap dan elegan untuk interpolasi pembolehubah dan berbilang baris pembinaan rentetan dalam JavaScript.

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