Table des matières
Qu'est-ce qu'une boucle infinie
Connaissances approfondies : instructions de boucle couramment utilisées dans le front-end Web
Maison interface Web Questions et réponses frontales Qu'est-ce qu'une boucle infinie dans le front-end Web

Qu'est-ce qu'une boucle infinie dans le front-end Web

Jan 29, 2023 am 11:38 AM
web前端 web

Une boucle infinie fait référence à une boucle qui ne peut pas être terminée par son propre contrôle. C'est un phénomène dans lequel un seul programme continue d'effectuer des opérations de boucle dans un certain lien parce que les conditions pour sortir de la boucle ne sont pas remplies. Une boucle infinie peut arrêter le programme et, dans les cas graves, ralentir l'ordinateur. C'est l'un des dysfonctionnements les plus gênants pour les programmeurs.

Qu'est-ce qu'une boucle infinie dans le front-end Web

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

Le bouclage consiste à faire une chose de manière répétée. Dans le processus d'écriture de code, nous rencontrons souvent des opérations qui doivent être effectuées de manière répétée, comme parcourir certaines données, afficher de manière répétée une certaine chaîne, etc. ligne par ligne. Problème, pour ce genre d'opération répétée, il faut choisir d'utiliser une boucle pour la compléter.

Le but d'une boucle est d'exécuter à plusieurs reprises un certain morceau de code. L'utilisation de boucles peut réduire la pression de programmation, éviter la redondance du code, améliorer l'efficacité du développement et faciliter la maintenance ultérieure.

var i = 11;
do{
  document.write(i++ +"<br />");
}while(i <= 10);

while(true){
  alert(1);
}
Copier après la connexion

Quest-ce quune boucle infinie dans le front-end Web

Quest-ce quune boucle infinie dans le front-end Web

Un morceau de code peut être exécuté de manière répétée plusieurs fois via une instruction de boucle

Qu'est-ce qu'une boucle infinie

La signification de "boucle infinie" : un seul programme ne remplit pas les conditions pour sortir de la boucle dans un certain lien Le phénomène de fonctionnement cyclique continu fait référence à un cycle qui ne peut pas être terminé par sa propre commande. En programmation, programme qui ne peut pas être terminé sous son propre contrôle.

La "boucle infinie" peut arrêter le programme et, dans les cas graves, ralentir l'ordinateur. C'est l'une des conditions de panne qui donnent mal à la tête aux programmeurs.

var n = 1;
while(true){
  alert(n++);
  
  //判断n是否是10
  if(n == 10){
    //退出循环
    break;
  }  
}
Copier après la connexion

Une boucle comme celle-ci où l'expression conditionnelle est écrite sur true est appelée une boucle infinie

La boucle ne s'arrêtera que si le navigateur est fermé. Les boucles infinies doivent être utilisées avec prudence dans le développement

Vous pouvez utiliser break pour terminer. the loop

Connaissances approfondies : instructions de boucle couramment utilisées dans le front-end Web

1 while loop

1.1. 1.2. Processus d'exécution

while Lorsque l'instruction est exécutée, l'expression conditionnelle est évaluée en premier Si la valeur est vraie, le corps de la boucle est exécuté. Une fois le corps de la boucle exécuté, l'expression continue d'être évaluée. Continuez ensuite à exécuter le corps de la boucle, et ainsi de suite

Si la valeur est fausse, terminez la boucle
  • 2 do...while loop
    • 2.1.
    while(条件表达式){ 
      语句...
    }
    Copier après la connexion

2.2. Processus d'exécutiondo... Lorsque l'instruction while est exécutée, le corps de la boucle sera exécuté en premier

Une fois le corps de la boucle exécuté, l'expression conditionnelle après le while sera jugé

Si le résultat est vrai, continuez à exécuter le corps de la boucle, continuez à juger après l'exécution, et ainsi de suite

Si le résultat est faux, terminez la boucle

  • 3. Comparaison entre while et do... while
    • En fait, ceci Les fonctions des deux instructions sont similaires. Les différents formats sont : while est d'abord jugé puis exécuté
    , while do.. .while est exécuté en premier, puis jugé

do... while peut garantir que le corps de la boucle est exécuté au moins une fois, while while ne peut pas

  • 4. loop
  • do{   
      语句。。。
    }while(条件表达式)
    Copier après la connexion

    4.1. L'instruction est également une instruction de boucle, également appelée boucle for Dans la boucle for, nous disposons d'un endroit spécial pour mettre trois expressions :

    Expression d'initialisationQuest-ce quune boucle infinie dans le front-end Web

    Expression conditionnelle

    Quest-ce quune boucle infinie dans le front-end WebExpression de mise à jour

      4.2. for loop Syntaxe :
    • //创建一个执行10次的while循环
      //初始化表达式
      /* var i = 0;
      
      //创建一个循环,定义条件表达式
      while(i < 10){
      	//设置更新表达式
      	alert(i++);
      } */
      
       for(var i = 0 ; i < 10 ; i++ ){
      	alert(i);
      }
      Copier après la connexion

    • 4.3.

        for(①初始化表达式;②条件表达式;④更新表达式){
          ③语句...
        }
        Copier après la connexion
      • ①Exécutez l'expression d'initialisation et initialiser les variables (l'expression d'exécution d'initialisation ne sera exécutée qu'une seule fois)
      ②Exécuter l'expression conditionnelle pour déterminer s'il faut exécuter la boucle

    Si c'est vrai, exécutez la boucleSi c'est faux, terminez la boucle

    ④Exécutez l'expression de mise à jour et continuez à répéter après l'exécution de l'expression de mise à jour②

    • 4.4 Abréviation supplémentaire

    • Les trois parties de la boucle for peuvent être omises ou écrites à l'extérieur
        .
      • 如果在for循环中不写任何的表达式,只写两个;

      • 此时的循环是一个死循环会一直执行下去,慎用

      for(;;;){
      	alert("hello");
      }
      Copier après la connexion

      (学习视频分享:web前端入门

      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!

    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

    Outils d'IA chauds

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    AI Hentai Generator

    AI Hentai Generator

    Générez AI Hentai gratuitement.

    Article chaud

    R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
    3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Meilleurs paramètres graphiques
    3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Comment réparer l'audio si vous n'entendez personne
    3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    WWE 2K25: Comment déverrouiller tout dans Myrise
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Comment utiliser le caddy du serveur Web Nginx Comment utiliser le caddy du serveur Web Nginx May 30, 2023 pm 12:19 PM

    Introduction à Caddy Caddy est un serveur Web puissant et hautement évolutif qui compte actuellement plus de 38 000 étoiles sur Github. Caddy est écrit en langage Go et peut être utilisé pour l'hébergement de ressources statiques et le proxy inverse. Caddy présente les principales caractéristiques suivantes : par rapport à la configuration complexe de Nginx, sa configuration originale de Caddyfile est très simple ; il peut modifier dynamiquement la configuration via l'AdminAPI qu'il fournit, il prend en charge la configuration HTTPS automatisée par défaut et peut demander automatiquement des certificats HTTPS ; et configurez-les ; il peut être étendu aux données Des dizaines de milliers de sites ; peut être exécuté n'importe où sans dépendances supplémentaires écrites en langage Go, la sécurité de la mémoire est plus garantie ; Tout d’abord, nous l’installons directement dans CentO

    Utilisation de Jetty7 pour le traitement du serveur Web dans le développement d'API Java Utilisation de Jetty7 pour le traitement du serveur Web dans le développement d'API Java Jun 18, 2023 am 10:42 AM

    Utilisation de Jetty7 pour le traitement du serveur Web dans le développement JavaAPI Avec le développement d'Internet, le serveur Web est devenu l'élément central du développement d'applications et est également au centre de l'attention de nombreuses entreprises. Afin de répondre aux besoins croissants des entreprises, de nombreux développeurs choisissent d'utiliser Jetty pour le développement de serveurs Web, et sa flexibilité et son évolutivité sont largement reconnues. Cet article explique comment utiliser Jetty7 dans le développement JavaAPI pour We

    Protection en temps réel contre les barrages de blocage de visage sur le Web (basée sur l'apprentissage automatique) Protection en temps réel contre les barrages de blocage de visage sur le Web (basée sur l'apprentissage automatique) Jun 10, 2023 pm 01:03 PM

    Le barrage de blocage du visage signifie qu'un grand nombre de barrages flottent sans bloquer la personne dans la vidéo, donnant l'impression qu'ils flottent derrière la personne. L'apprentissage automatique est populaire depuis plusieurs années, mais beaucoup de gens ne savent pas que ces fonctionnalités peuvent également être exécutées dans les navigateurs. Cet article présente le processus d'optimisation pratique des barrages vidéo. À la fin de l'article, il répertorie certains scénarios applicables. cette solution, dans l'espoir de l'ouvrir. mediapipeDemo (https://google.github.io/mediapipe/) montre le principe de mise en œuvre du calcul d'arrière-plan du serveur vidéo de téléchargement à la demande du barrage de blocage de visage grand public pour extraire la zone du portrait dans l'écran vidéo et la convertit en stockage SVG client pendant la lecture de la vidéo. Téléchargez svg depuis le serveur et combinez-le avec barrage, portrait.

    Comment configurer nginx pour garantir que le serveur frps et le port de partage Web 80 Comment configurer nginx pour garantir que le serveur frps et le port de partage Web 80 Jun 03, 2023 am 08:19 AM

    Tout d’abord, vous aurez un doute, qu’est-ce que le frp ? En termes simples, frp est un outil de pénétration intranet. Après avoir configuré le client, vous pouvez accéder à l'intranet via le serveur. Maintenant, mon serveur a utilisé nginx comme site Web et il n'y a qu'un seul port 80. Alors, que dois-je faire si le serveur FRP souhaite également utiliser le port 80 ? Après l'interrogation, cela peut être réalisé en utilisant le proxy inverse de nginx. A ajouter : frps est le serveur, frpc est le client. Étape 1 : Modifiez le fichier de configuration nginx.conf sur le serveur et ajoutez les paramètres suivants à http{} dans nginx.conf, server{listen80

    Comment implémenter la validation de formulaire pour les applications Web à l'aide de Golang Comment implémenter la validation de formulaire pour les applications Web à l'aide de Golang Jun 24, 2023 am 09:08 AM

    La validation du formulaire est un maillon très important dans le développement d'applications Web. Elle permet de vérifier la validité des données avant de soumettre les données du formulaire afin d'éviter les failles de sécurité et les erreurs de données dans l'application. La validation de formulaire pour les applications Web peut être facilement implémentée à l'aide de Golang. Cet article explique comment utiliser Golang pour implémenter la validation de formulaire pour les applications Web. 1. Éléments de base de la validation de formulaire Avant de présenter comment implémenter la validation de formulaire, nous devons savoir quels sont les éléments de base de la validation de formulaire. Éléments de formulaire : les éléments de formulaire sont

    Comment activer l'accès administratif à partir de l'interface utilisateur Web du cockpit Comment activer l'accès administratif à partir de l'interface utilisateur Web du cockpit Mar 20, 2024 pm 06:56 PM

    Cockpit est une interface graphique Web pour les serveurs Linux. Il est principalement destiné à faciliter la gestion des serveurs Linux pour les utilisateurs nouveaux/experts. Dans cet article, nous aborderons les modes d'accès à Cockpit et comment basculer l'accès administratif à Cockpit depuis CockpitWebUI. Sujets de contenu : Modes d'entrée du cockpit Trouver le mode d'accès actuel au cockpit Activer l'accès administratif au cockpit à partir de CockpitWebUI Désactiver l'accès administratif au cockpit à partir de CockpitWebUI Conclusion Modes d'entrée au cockpit Le cockpit dispose de deux modes d'accès : Accès restreint : il s'agit de la valeur par défaut pour le mode d'accès au cockpit. Dans ce mode d'accès vous ne pouvez pas accéder à l'internaute depuis le cockpit

    Que sont les standards du Web ? Que sont les standards du Web ? Oct 18, 2023 pm 05:24 PM

    Les normes Web sont un ensemble de spécifications et de directives développées par le W3C et d'autres organisations associées. Elles incluent la normalisation du HTML, CSS, JavaScript, DOM, l'accessibilité du Web et l'optimisation des performances. En suivant ces normes, la compatibilité des pages peut être améliorée. , maintenabilité et performances. L'objectif des normes Web est de permettre au contenu Web d'être affiché et d'interagir de manière cohérente sur différentes plates-formes, navigateurs et appareils, offrant ainsi une meilleure expérience utilisateur et une meilleure efficacité de développement.

    Quels sont les avantages des standards du Web Quels sont les avantages des standards du Web Sep 20, 2023 pm 03:34 PM

    Les avantages des normes Web incluent une meilleure compatibilité multiplateforme, une meilleure accessibilité, de meilleures performances, un meilleur classement dans les moteurs de recherche, des coûts de développement et de maintenance, une meilleure expérience utilisateur, ainsi qu'une maintenabilité et une réutilisation du code. Description détaillée : 1. La compatibilité multiplateforme garantit que le site Web peut s'afficher et fonctionner correctement sur différents systèmes d'exploitation, navigateurs et appareils ; 2. L'amélioration de l'accessibilité garantit que le site Web est accessible à tous les utilisateurs ; vitesse, les utilisateurs peuvent accéder et parcourir le site Web plus rapidement, offrir une meilleure expérience utilisateur ; 4. Améliorer le classement des moteurs de recherche, etc.

    See all articles