Comment déterminer et résoudre les limitations de taille de pile JavaScript dans différents navigateurs ?-js tutoriel-php.cn

Comment déterminer et résoudre les limitations de taille de pile JavaScript dans différents navigateurs ?

Linda Hamilton

Libérer： 2024-10-27 08:37:02

original

467 Les gens l'ont consulté

How do you determine and troubleshoot JavaScript stack size limitations in different browsers?

Débogage des limitations de taille de la pile JavaScript

Contexte

Des débordements de pile JavaScript côté client, en particulier dans Internet Explorer (IE), peuvent survenir en raison d'un taille de pile limitée par rapport aux autres navigateurs. Ce problème est souvent rencontré lors de l'utilisation de bibliothèques tierces qui effectuent de nombreux appels de fonctions.

Test de la limite de taille de pile

Pour déterminer la limite de taille de pile pour différents navigateurs, le test HTML suivant a été développé :

<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>Stack Size Limit Test</title>
</head>
<body>
  <script type="text/javascript">
    function doSomething() {
      var i = 3200;
      doSomethingElse(i);
    }

    function doSomethingElse(i) {
      if (i == 0) return -1;
      doSomethingElse(i-1);
    }

    doSomething();
  </script>
</body>
</html></code>

Copier après la connexion

Le test a révélé qu'IE8 provoquait un débordement de pile à environ 3 200 appels de fonction, tandis que Firefox et Chrome prenaient en charge une récursion beaucoup plus profonde.

Identifier le coupable

Pour identifier la fonction JavaScript spécifique provoquant le débordement de pile dans IE, il serait utile de :

Lier l'exception de débordement de pile à la fonction qui l'a déclenchée pendant l'exécution.
Obtenir une pile trace avec la chaîne de fonctions dans la pile au moment de l'erreur.

JavaScript Stack Trace

JavaScript ne fournit pas nativement de fonctionnalité de trace de pile. Cependant, les outils de développement de navigateurs (par exemple, Chrome DevTools, Firefox Developer Tools) offrent des moyens d'afficher la pile d'appels au moment d'une erreur.

Test de limite de taille de pile plus simple

Un test simplifié utilisant une fonction récursive inc() peut également être utilisée pour déterminer la taille maximale de la pile dans un navigateur donné :

<code class="js">var i = 0;
function inc() {
  i++;
  inc();
}

try {
  inc();
}
catch(e) {
  // The StackOverflow sandbox adds one frame that is not being counted by this code
  // Incrementing once manually
  i++;
  console.log('Maximum stack size is', i, 'in your current browser');
}</code>

Copier après la connexion

Ce test imprimera la taille maximale de la pile sur la console après le débordement de pile.

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!