Rumah > Artikel > hujung hadapan web > Bolehkah ES6 Template Literals Benar-benar Boleh Digunakan Semula?
Teka-teki kebolehgunaan semula dalam Literal Templat ES6
Kebimbangan utama yang ditimbulkan dalam perbincangan ini berkisar tentang kurangnya kebolehgunaan semula dalam literal templat ES6. Demonstrasi konvensional menekankan penggantian pada masa pengisytiharan, tidak membenarkan pengubahsuaian masa jalan.
Penyelesaian: Memanfaatkan Pembina Fungsi
Untuk menangani isu ini, penyelesaian yang berdaya maju muncul dalam bentuk Pembina fungsi. Pendekatan ini melibatkan penukaran rentetan templat kepada fungsi.
Pertimbangkan coretan berikut:
<code class="js">const templateString = `Hello ${this.name}!`; const templateVars = { name: "world" }; const fillTemplate = function(templateString, templateVars){ return new Function("return `" + templateString + "`;").call(templateVars); }; console.log(fillTemplate(templateString, templateVars));</code>
Dengan menggunakan fungsi ini, anda boleh menjana rentetan yang diingini sambil mempunyai kefleksibelan untuk mengubah suai pembolehubah di masa jalan.
Faedah pendekatan ini:
Potensi kelemahan:
Ringkasnya, manakala literal templat ES6 sememangnya tidak mempunyai kebolehgunaan semula sebenar, menggunakan pembina Fungsi menawarkan penyelesaian yang meniru gelagat yang diingini untuk mencipta dan mengubah suai templat semasa masa jalan.
Atas ialah kandungan terperinci Bolehkah ES6 Template Literals Benar-benar Boleh Digunakan Semula?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!