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
Lepaskan: 2024-11-23 00:40:12
asal
409 orang telah melayarinya

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);
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan