Maison > interface Web > js tutoriel > Explication détaillée des instructions de processus en JavaScript

Explication détaillée des instructions de processus en JavaScript

青灯夜游
Libérer: 2018-10-12 15:45:53
avant
2502 Les gens l'ont consulté

Cet article vous apporte une explication détaillée des instructions de processus en JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Aperçu au début

Cette conférence explique principalement les instructions de processus JavaScript, et son contenu général comprend les éléments suivants :

Parmi eux, les instructions couramment utilisées if, while, do .. while, for ne sera pas abordé dans cet article. L'accent sera mis sur for..in.., label, break et continue, whth, switch et autres déclarations

Deuxième zone de contenu

(1) Phrases couramment utilisées

Depuis les phrases suivantes sont relativement courants, cet article n'en discutera pas

1 Instruction conditionnelle

instruction if

2 Instruction de boucle

instruction while, do.while. déclaration, pour déclaration

(2) pour..dans.. déclaration

1 Définition

pour...dans... est. une instruction itérative utilisée pour énumérer les attributs d'objets, sa syntaxe est définie comme :

for (propName in expression) statement
Copier après la connexion
Basée sur le principe de "Si vous pouvez utiliser des variables locales, n'utilisez pas de variables globales" dans le développement JavaScript, c'est Il est recommandé de définir l'attribut propName en tant que variable locale, comme suit :

for (var propName in expression) statement
Copier après la connexion
2 Notes

(1) for....in est utilisé pour énumérer les propriétés de l'objet, pas pour énumérer les valeurs des propriétés d'objet.

Exemple 1 :

Dans l'exemple suivant, for..in.. génère l'index du tableau (c'est-à-dire l'attribut du tableau), et non la valeur de l'index du tableau.

var i = 5;
    var arr = new Array();

    for (var n = 0; n < i; n++) {
        arr[n] = i;
    }

    for (var propName in arr) {
        alert(propName);// 0,1,2,3,4
    }
Copier après la connexion
Exemple 2 :

L'exemple suivant, for..in.. affiche les attributs (nom, âge, adresse) de l'objet userInfo, mais pas la valeur de l'attribut (Alan_beijing ,38 , Chine-shanghai)

var userInfo = { name: &#39;Alan_beijing&#39;, age: 38, address: &#39;china-shanghai&#39; };
for (var property in userInfo) {
alert(property);//name,age,address5     
}
Copier après la connexion
(2) pour..dans..les propriétés d'énumération, il n'y a pas d'ordre défini et les différents navigateurs auront des différences.

(3) Avant la version ECMAScript5, si la valeur de la variable objet itérée est nulle ou indéfinie, l'instruction for générera une erreur. Après ECMAScript5, cette situation ne générera pas d'erreur, mais le corps de la boucle. ne sera pas exécuté.

(3) label

1. Définition

En JavaScript, l'instruction label représente une instruction label, qui est généralement utilisée avec une instruction de boucle pour représenter une instruction de boucle Aller à l'emplacement spécifié.

1 label:statement
Copier après la connexion
Exemple 1 :

Le code suivant contient une instruction label la plus externe, dont le contenu est constitué de deux corps de boucle imbriqués lorsque le corps de la boucle est exécuté sur 1==5 et j==. À 5, l'instruction break passera à l'instruction la plus externe pour continuer l'exécution.

var num = 0;
    outermost:
    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
            if (i == 5 && j == 5) {
                break outermost;
            }
            num++
        }
    }
    alert(num);//55
Copier après la connexion

(4) pause et continuation

1. Définition

La pause et la continuation sont exprimées dans le corps de la boucle, selon des spécifications spécifiques conditions Quittez le corps de la boucle, mais il y a une différence entre les deux. break signifie quitter tout le corps de la boucle, et continuer signifie quitter le corps de la boucle qui remplit les conditions.

Exemple 1 :

Le code suivant quittera toute la boucle lorsque i=5 sera exécuté.

var num = 1;
    for (var i = 1; i < 10; i++) {
        if (i % 5 == 0) {
            break;
        }
        num++;
    }
    alert(num);//5
Copier après la connexion
Exemple 2 :

Le code suivant, lors de l'exécution de i=5, quitte cette boucle, puis revient au début de l'instruction for et continue l'exécution.

var num = 1;
    for (var i = 1; i < 10; i++) {
        if (i % 5 == 0) {
            continue;
        }
        num++;
    }
    alert(num);//9
Copier après la connexion
2. Notes

(1) Lorsque vous interrompez et continuez de sauter hors du corps de la boucle, cela signifie que seul le corps de la boucle immédiate sera sauté, pas les autres corps de la boucle, sauf le corps de la boucle directe.

Exemple 1 :

L'exemple suivant, break ne sort que de la boucle directe

Exemple 2 :

L'exemple suivant, continue saute uniquement hors de la boucle directe

var num = 0;
    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
            if (i == 5 && j == 5) {
                continue;
            }
            num++
        }
    }
    alert(num);//99
Copier après la connexion
2 break et continue sont généralement utilisés conjointement avec les instructions label pour indiquer le saut vers un emplacement spécifié

Exemple :

Le code suivant, lorsque l'exécution atteint i=5 && j==5, il passe à l'instruction label la plus externe et continue l'exécution. Il convient de noter ici que JavaScript n'a pas de portée au niveau du bloc, donc la variable i est accessible en dehors de l'instruction for

var num = 0;
    outermost:
    for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
            if (i == 5 && j == 5) {
                break outermost;
            }
            num++
        }
    }

    alert(num);//55
Copier après la connexion

(5) avec

1 .Definition

with définit la portée du code sur un objet spécifique. Son objectif principal est de simplifier l'écriture multiple du même objet et d'améliorer la réutilisation.

1 with (expression) statement
Copier après la connexion
Exemple :

Le code suivant définit une fonction pour obtenir des informations sur l'utilisateur, crée un nouvel objet personne dans le corps de la fonction et définit deux attributs (nom et adresse), puis ajoute un objet personne avec le haut.

function GetUserInfo() {
        var person = new Object();
        person.name = "Alan_beijing";
        person.address = "China-shanghai";
        with (person) {
            return name +","+ address;
        }
    }
    alert(GetUserInfo());//Alan_beijing,China-shanghai
Copier après la connexion
2. Notes

(1) Dans le développement JavaScript, utilisez l'instruction with avec prudence. Il y a deux raisons principales : l'une est que l'instruction with affecte les performances ; que l'instruction with En mode strict, une erreur se produira

(2) L'instruction with renferme des objets publics, améliorant ainsi la simplicité du code et la réutilisabilité du code

(3) Recherche dans le corps de l' Instruction with Lorsque vous utilisez une variable, vérifiez d'abord si la variable que vous recherchez existe dans le corps de with. Si elle n'existe pas, vérifiez si la variable entourée de with possède l'attribut que vous recherchez.

Les exemples suivants reflètent mieux ce principe :

function GetUserInfo() {
        var person = new Object();
        person.name = "Alan_beijing";
        person.address = "China-shanghai";
        person.age = 35;
        with (person) {
            var sex = "男";
            var age = 40;
            return name + "," + sex + "," + age +","+ address;
        }
    }
    alert(GetUserInfo());//Alan_beijing,男,40,China-shanghai
Copier après la connexion

(6) interrupteur

Définition

L'interrupteur. L'instruction est ce que nous appelons habituellement une instruction switch, et elle est très adaptée aux situations multi-conditions.

switch (expression) {
        case value: statement
            break;
        case value: statement
            break;
        default:statement
    }
Copier après la connexion
Exemple :

如下代码,根据城市名称,查询城市类别

//根据不同城市,判断其属于几线城市
    function CityType(address) {
        switch (address) {
            case "Shanghai": alert("中国一线城市");
                break;
            case "Shenzhen": alert("中国一线城市");
                break;
            case "Beijing": alert("中国一线城市");
                break;
            default: alert("中国非一线城市");
        }
    }

    CityType("Shenzhen");//中国一线城市
Copier après la connexion

2 注意点

(1)switch本质与if是一样的,都是解决多条件多分支问题;

(2)使用switch语句的真正目的是避免使用过多的if..else if ...else....语句;

 三  总结

本篇文章主要结合代码介绍了JavaScript的流程语句及其使用,重点结束了with,switch,for...in..,label,break和continue等语句,需要注意的是,在JavaScript中,流程语句都没有块级作用域,至于什么是块级作用域,将在接下来的文章中与大家分享。

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程

相关推荐:

JavaScript图文教程

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!

Étiquettes associées:
source:cnblogs.com
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal