Bagaimanakah Saya Boleh Menginterpolasi Pembolehubah ke dalam Rentetan JavaScript dengan Mudah?

Menginterpolasi Pembolehubah dalam Rentetan JavaScript: Penyelesaian Ringkas

Dalam JavaScript, anda boleh menginterpolasi pembolehubah ke dalam rentetan dengan mudah tanpa menggunakan penggabungan. Memperkenalkan literal templat, ciri yang diperkenalkan dalam ES6, yang membolehkan anda memanfaatkan sintaks ringkas dan elegan ini:

`String text ${expression}`

Cukup sertakan literal templat anda dengan tandakan belakang (`)` dan bukannya petikan berganda atau tunggal. Pertimbangkan contoh berikut:

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

Bukan sahaja ia meningkatkan kejelasan kod, tetapi ia juga membenarkan rentetan berbilang baris tanpa perlu melarikan diri. Ini amat berfaedah apabila membuat templat:

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

Adalah penting untuk ambil perhatian bahawa literal templat tidak disokong dalam penyemak imbas lama seperti Internet Explorer. Untuk memastikan keserasian merentas penyemak imbas, pertimbangkan untuk menggunakan alatan seperti Babel atau Webpack untuk mentranspile kod anda ke ES5. Selain itu, Internet Explorer 8 menyediakan keupayaan pemformatan rentetan terhad dalam console.log:

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

Dengan menerima literal templat, anda boleh menyelaraskan kod JavaScript anda, menjadikannya ringkas dan boleh dibaca.

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