Comment appeler en toute sécurité une fonction JavaScript à partir d'une chaîne sans utiliser « eval() » ?

Invocation d'un appel de fonction Javascript à partir d'une chaîne

Cette question aborde le défi de la conversion d'une chaîne représentant un appel de fonction, telle que "paramètres .functionName '(' t.parentNode.id ')'", en un véritable appel de fonction. Le but est d'exécuter la fonction comme si la chaîne avait été directement saisie comme appel de fonction, sans utiliser eval() ce qui est déconseillé pour des raisons de sécurité.

Solution :

La solution fournie suggère une approche alternative en exploitant l'objet window pour obtenir une référence à la fonction. Voici une explication mise à jour et plus détaillée :

<code class="javascript">// Store the function name extracted from the string as a variable
var functionName = settings.functionName;

// Check if the function exists in the global scope using window
if (typeof window[functionName] === 'function') {
  // If the function exists, invoke it with the specified argument
  window[functionName](t.parentNode.id);
}</code>

Exemple :

Considérez l'objet de paramètres suivant :

<code class="javascript">window.settings = {
  functionName: 'clickedOnItem',
};</code>

Et la fonction suivante définition :

<code class="javascript">function clickedOnItem(nodeId) {
  // Function body
}</code>

En utilisant la solution ci-dessus, nous pouvons invoquer la fonction clickedOnItem avec l'argument t.parentNode.id comme suit :

<code class="javascript">// Extract the function name from the settings object
var functionName = settings.functionName;

// Check if the function exists in the global scope
if (typeof window[functionName] === 'function') {
  // Invoke the function with the specified argument
  window[functionName](t.parentNode.id);
}</code>

Cette méthode nous permet d'invoquer dynamiquement des fonctions basé sur une représentation sous forme de chaîne sans recourir à eval() ni compromettre la sécurité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!