Rumah >hujung hadapan web >tutorial js >Bolehkah Rentetan Biasa Ditukar kepada Templat Literal dalam JavaScript Tanpa `eval` atau `Fungsi baharu`?

Bolehkah Rentetan Biasa Ditukar kepada Templat Literal dalam JavaScript Tanpa `eval` atau `Fungsi baharu`?

Susan Sarandon
Susan Sarandonasal
2024-11-23 00:40:12403semak imbas

Can a Regular String Be Converted to a Template Literal in JavaScript Without `eval` or `new Function`?

Menukar String kepada String Templat

Bolehkah rentetan biasa ditukar kepada rentetan templat, menghapuskan keperluan untuk teknik penjanaan kod dinamik seperti eval atau baru Fungsi?

Jawapan:

Ya, dalam ES6, kaedah tersuai boleh ditambah pada prototaip String:

String.prototype.interpolate = function(params) {
  const names = Object.keys(params);
  const vals = Object.values(params);
  return new Function(...names, `return \`${this}\`;`)(...vals);
}

const template = 'Example text: ${text}';
const result = template.interpolate({
  text: 'Foo Boo'
});
console.log(result);

Kaedah ini memerlukan objek sebagai hujah, di mana kunci mewakili pembolehubah rentetan templat dan nilai adalah penggantinya. Ia mencipta fungsi baharu yang mengembalikan rentetan templat yang diinterpolasi dan melaksanakannya dengan nilai yang disediakan.

Atas ialah kandungan terperinci Bolehkah Rentetan Biasa Ditukar kepada Templat Literal dalam JavaScript Tanpa `eval` atau `Fungsi baharu`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn