Bagaimana untuk Melaksanakan Fungsi JavaScript dengan Selamat daripada Strings?

Memanggil Fungsi JavaScript daripada Rentetan

Dalam JavaScript, anda mungkin menghadapi senario di mana anda perlu menukar rentetan yang mengandungi panggilan fungsi kepada pelaksanaan fungsi sebenar. Berikut ialah penyelesaian yang komprehensif:

Prasyarat:

• Kenal pasti rentetan yang mewakili panggilan fungsi, cth., "settings.functionName '(' t.parentNode.id ')'".
• Tentukan nama fungsi dan hujahnya: "clickedOnItem", "IdofParent".

Penyelesaian:

1. Dapatkan semula fungsi sasaran daripada skop global:

<code class="js">var fn = window[settings.functionName];</code>

Langkah ini mendapatkan rujukan kepada fungsi yang dikenal pasti oleh settings.functionName, yang dalam kes ini ialah "clickedOnItem".

2. Semak sama ada nilai yang diambil ialah fungsi:

<code class="js">if(typeof fn === 'function') {
    fn(t.parentNode.id);
}</code>

Langkah ini memastikan bahawa nilai yang diambil itu sememangnya fungsi. Jika ya, ia meneruskan untuk melaksanakan fungsi dengan hujah yang ditentukan.

Dalam contoh yang disediakan, kod akan menterjemah rentetan ke dalam panggilan fungsi langsung:

<code class="js">clickedOnItem(IdofParent);</code>

Nota Tambahan:

Walaupun kaedah eval() juga boleh menilai rentetan sebagai kod, kaedah ini biasanya tidak digalakkan kerana kebimbangan keselamatan. Penyelesaian yang dibentangkan di sini menyediakan alternatif yang lebih selamat.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Fungsi JavaScript dengan Selamat daripada Strings?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!