Tutoriel JavaScript – Instruction de contrôle de flux

Ce qui suit vous apportera un article sur l'utilisation des instructions de contrôle de flux JavaScript de base. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Venez jeter un oeil avec l'éditeur

Partie 3 : Déclaration de contrôle de flux

Le code JavaScript est la position d'écriture :

Le code JavaScript doit être écrit dans la paire de balises .

Ou comme référence externe

Veuillez terminer chaque phrase du code JavaScript par un point-virgule.

Déclaration de sortie

1. Sortie de la console : console.log();

Elle peut être sortie dans la console Certaines informations, les informations de sortie sont le contenu des parenthèses dans console.log().

Cette instruction est souvent utilisée lors du débogage d'un programme.

2. Sortie de la boîte contextuelle :

alert();

En utilisant l'alerte, une boîte de dialogue peut apparaître sur la page Web pour afficher le cercle d'informations alert() entre parenthèses.

prompt();

Utilisez l'invite pour afficher une zone de saisie sur la page Web et utilisez les informations entre parenthèses de prompt() comme informations d'invite.

confirm();

Contient une boîte de dialogue contextuelle pour la confirmation et l'annulation.

3. Sortie de page : document.write();

affichera directement le contenu sur la page.

Sélectionnez l'instruction

if....else instruction

if (condition de jugement/valeur booléenne)｛
//Si la condition est remplie, le code suivant sera exécuté

Code 1;

｝else {
/ /Lorsque les conditions ci-dessus ne sont pas remplies, ou que la valeur booléenne est fausse, le code 2 suivant sera exécuté

Code 2

}

De plus, vous pouvez continuer à ajouter if jugement après else

if (condition de jugement/valeur booléenne)｛
//Si la condition est remplie, le code suivant sera exécuté

Code 1 ;

｝else if (condition de jugement) {
//Lorsque les conditions ci-dessus ne sont pas remplies ou que la valeur booléenne est fausse, ce qui suit le code 2 sera exécuté

Code 2

}

sinon si (condition de jugement)

. . . . .

else {
Dernier code

}

Commutateur... déclaration de cas

Utilisé pour déterminer plusieurs valeurs possibles, l'instruction

switch est la plus étroitement liée à l'instruction if et constitue également un type de contrôle de flux couramment utilisé dans d'autres langages. . déclaration.

switch (expression) {
case value: statement
break;
case value: statement
break;
case value: statement
break;
case value: statement
break;

default: statement
}

switch La signification de chaque cas dans l'instruction est : "Si l'expression est égale à cette valeur, alors exécutez l'instruction suivante (déclaration)". Le mot-clé break fera sortir le flux d'exécution du code de l'instruction switch . Si le mot-clé break est omis, le case suivant continuera à être exécuté après que le case actuel soit exécuté. En ajoutant une instruction break après chaque case , vous pouvez éviter d'exécuter plusieurs case en même temps situation.

Il peut également être mélangé dans diverses situations.

switch (i) {
case 25:
/* 合并两种情形 */
case 35:
alert("25 or 35");
break;
case 45:
alert("45");
break;
default:
alert("Other");
}

Il convient de noter que l'instruction switch utilise l'opérateur d'égalité lors de la comparaison des valeurs, donc aucune conversion de type ne se produira (par exemple,
la chaîne "10" n'est pas égale à la valeur numérique 10). Les instructions

break et continue

break terminent la boucle qualifiée à l'intérieur de la boucle.

continue termine cette boucle à l'intérieur de la boucle et démarre la boucle suivante :

Instruction de boucle

for La boucle consiste à exécuter le même morceau de code à plusieurs reprises.

for(var i = 1; Condition de jugement; i++){
Bloc de code à boucler :

}

当程序运行到for的时候，会先声明一个变量i，并且赋值为1，判断i是否满足后面的判断条件，如果满足，执行下面的要循环的代码块，代码 块执行完成之后再执行i++,再判断判断条件是否满足，如果满足再次按照上面的流程执行，如果不满足，结束for循环。

for循环还可以用于嵌套，实现复杂的运算，冒泡排序就用到了for循环的嵌套。下面举两个for循环嵌套的例子。

打印直角三角形，

for (var i = 1; i <= 10; i++) {

for (var j = 1; j <= i; j++){

document.write("☆");

}

document.write("<br/>");

}

打印99乘法表

for (var i = 1; i < 10; i++) {

for (var j = 1; j <= i; j++) {

document.write(j + "*" + i + "=" + i * j);// 1 * 1 = 1

document.write(" ");

}

document.write("<br/>");

}

for in循环

for-in 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

举个例子

var x

var mycars = new Array()

mycars[0] = "Saab"

mycars[1] = "Volvo"

mycars[2] = "BMW"

for (x in mycars)

{

document.write(mycars[x] + "<br />")

}

while循环

while(判断条件/boolean){
代码块

}

当代码执行到while的时候，会先判断判断条件是否为true，如果为true，那么会执行while大括号中的代码块，代码块执行完毕以后，再次回到while中再进行判断，如果为true,再次执行while大括号中的代码块，并且再次回while，如果为false就不执行。

注意：将来在写代码的时候一定要注意循环的判断条件不能一直为true,否则会成为一个死循环。

do...while循环

do-while 语句是一种后测试循环语句，即只有在循环体中的代码执行之后，才会测试出口条件。
换句话说，在对条件表达式求值之前，循环体内的代码至少会被执行一次。

do {
statement
} while (expression);

do...while语句在开发中并不怎么用，用的最多的还是for循环，以及for循环嵌套。

补充：

Function函数对象

函数申明式

function fn(){

// 函数体

}

函数表达式(匿名函数)

var fn = function(){

// 函数体

}

// fn表示函数名称

// 函数表达式通常又叫匿名函数 因为没有函数名

函数的调用

fn();// 注意:函数只申明不调用是不会执行的

函数的参数

// 申明

function 函数名(形参1,形参2,形参3,){

// 函数体

}

// 调用

函数名(实参1,实参2,实参3);

函数名(实参1);// 这样写也不会有问题

函数名(实参1,实参2,实参3,实参4);// 这样写也不会有问题

// 注意:函数的实参个数可以和形参的个数不同

函数的返回值

function 函数名(){

return 要返回值;

}

// 注意:函数不写返回值时默认的返回值是undefined

函数的递归：函数在内部调用自身函数叫递归

function fn(){
fn();
}

fn();

函数的回调：被当做参数传递的函数叫回调函数

function fn1(){
console.log(“我是回调函数”);
}

function fn2(parameter){
parameter(); // 调用函数
// 这里的parameter是形参 代表传进来的函数fn1
}

fn2(fn1);// fn1就是一个回调函数

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!