Bagaimanakah Literal Templat JavaScript Boleh Memudahkan Interpolasi Rentetan?

Menginterpolasi Pembolehubah dalam Rentetan dalam JavaScript: Mendedahkan Kuasa Literal Templat

Menggabungkan pembolehubah untuk membina rentetan boleh membosankan. Dalam JavaScript, anda boleh menghapuskan kerumitan dan kod ini dengan lebih ringkas menggunakan literal templat.

Membuka Kunci Interpolasi dengan Literal Templat

Diperkenalkan pada ES2015, literal templat disertakan dalam bahagian belakang- kutu (`). Ia membenarkan anda membenamkan ungkapan dalam rentetan menggunakan sintaks ${}`.

Contoh:

const hello = "foo";
const myString = `I pity the ${hello}`;
console.log(myString); // "I pity the foo"

Melangkaui Interpolasi: Rentetan Berbilang Baris dan Templat

Templat literal juga memudahkan penciptaan rentetan berbilang baris tanpa melarikan diri, menjadikannya mudah untuk membuat templat:

return `
    <div class="${foo}">
         ...
    </div>
`;

Sokongan dan Transpilasi Penyemak Imbas

Walaupun penyemak imbas moden menyokong sepenuhnya literal templat, pelayar lama (mis., IE) memerlukan transpilasi menggunakan alat seperti Babel untuk memastikan penyemak imbas silang keserasian.

Nota Sampingan: Pemformatan Rentetan Asas dalam IE8

Untuk tujuan penyahpepijatan, IE8 menawarkan pemformatan rentetan dalam konsol:

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

Atas ialah kandungan terperinci Bagaimanakah Literal Templat JavaScript Boleh Memudahkan Interpolasi Rentetan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!