Quelles sont les méthodes de pop-out JavaScript ?

Les méthodes d'échappement JavaScript incluent : 1. L'instruction Break, qui peut amener le programme en cours à quitter immédiatement la boucle la plus interne ou à quitter une instruction switch ; 2. L'instruction Continue, qui peut terminer la boucle en cours et entrer la prochaine fois ; Boucle ; 3. Instruction Return, qui peut suspendre l'exécution de la fonction actuelle et renvoyer la valeur de la fonction.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Un maître de l'industrie front-end m'a demandé de réfléchir à une question. Il a donné à Big-man un morceau de code, comme suit :

function Seriously(options) {
  // if called without 'new', make a new object and return that
  if(window === this || !(this instanceof Seriously) || this.id !== undefined) {
    return new Seriously(options);
  }
}

L'instruction return continuera-t-elle à s'exécuter après. c'est exécuté ? C'est un problème que le maître m'a demandé de résoudre puisque le retour est mentionné, je vais également résoudre les deux autres méthodes pour terminer la boucle en JS : break et continue.

Instruction Break :

• L'instruction break amènera le programme en cours à quitter immédiatement la boucle la plus interne ou à quitter une instruction switch.
• Puisqu'elle est utilisée pour quitter une instruction loop ou switch, cette forme d'instruction break n'est légale que lorsqu'elle apparaît dans ces instructions.
• Si la condition de terminaison d'une boucle est très complexe, il est beaucoup plus facile d'utiliser l'instruction break pour implémenter certaines conditions que d'utiliser une expression de boucle pour toutes les conditions.

for(var i = 519; i < 550; i++) {
  if(i == 522) {
    break;
  }
  console.log(i);
  alert(i);
  document.write(i);
}

• Quand i = 521, quittez directement la boucle for. Cette boucle ne sera plus exécutée.
• En ce qui concerne les résultats de sortie, vous pouvez les tester vous-même.
  

Instruction Continue :

• L'instruction continue est similaire à l'instruction break. La différence est qu’au lieu de quitter une boucle, il démarre une nouvelle itération de la boucle.
• L'instruction continue ne peut être utilisée que dans le corps de la boucle d'une instruction while, d'une instruction do/while, d'une instruction for ou d'une instruction for/in. Son utilisation ailleurs provoquera une erreur ?

for(var i = 5; i >=0; i--) {
  if(i == 4 || i == 3 || i == 1) {
    continue;
  }
  console.log(i);
  alert(i);
  document.write(i);
}

• Quand i = 4, i = 3 et i = 1, sortez directement de la boucle for. Continuez à exécuter la prochaine fois.
• Quant aux résultats de sortie, j'espère que vous pourrez les imprimer.

Instruction Return :

L'instruction return est utilisée pour spécifier la valeur renvoyée par la fonction. L'instruction return ne peut apparaître que dans le corps de la fonction, apparaître ailleurs dans le code entraînera une erreur de syntaxe !

for(var i = 1; i < 10; i++) {
  if(i == 8) {
    return;
  }
  console.log(i);
  alert(i);
  document.write(i);
}

Résultat de l'exécution Uncaught SyntaxError : instruction de retour illégale(...)

• L'erreur signifie une instruction de retour de requête capturée illégalement.

Lorsque l'instruction return est exécutée, même s'il y a d'autres instructions dans le sujet de la fonction, l'exécution de la fonction s'arrêtera !

<script type="text/javascript">
  if(username == "") {
    alert("please input your username: ");
    return false;
  } else if (qq == "") {
    alert("please input your qq number: ");
    return false;
  }
</script>

Dans l'exemple ci-dessus, lorsque le nom d'utilisateur est vide, il ne sera pas exécuté vers le bas. Dans certaines soumissions de formulaire, vous pouvez également empêcher la méthode de soumission par défaut en renvoyant false et utiliser la méthode de soumission Ajax à la place, par exemple :

<form id="form" onSubmit="return false">
...
</form>

[Recommandations associées : tutoriel d'apprentissage javascript 】

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!