Heim > Web-Frontend > js-Tutorial > JavaScript-Tutorial – Flusskontrollanweisung

JavaScript-Tutorial – Flusskontrollanweisung

巴扎黑
Freigeben: 2017-09-01 11:07:22
Original
1428 Leute haben es durchsucht

Im Folgenden finden Sie einen Artikel über die Verwendung grundlegender JavaScript-Flusskontrollanweisungen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Kommen Sie und schauen Sie sich den Editor an

Teil 3: Flusskontrollanweisung

JavaScript-Code ist die Schreibposition:

JavaScript-Code sollte im Tag-Paar geschrieben werden.

Oder als externe Referenz

Bitte beenden Sie jeden Satz des JavaScript-Codes mit einem Semikolon.

Ausgabeanweisung

1. Konsolenausgabe: console.log();

Sie kann in der Konsole ausgegeben werden Einige Informationen, die Ausgabeinformationen sind der Inhalt der Klammern in console.log().

Diese Anweisung wird häufig beim Debuggen eines Programms verwendet.

2. Popup-Box-Ausgabe:

alert();

Mithilfe von Alert können Sie ein Eingabeaufforderungsfeld auf der Webseite öffnen um den Kreis der Alert()-Informationen in Klammern anzuzeigen.

prompt();

Verwenden Sie prompt, um ein Eingabefeld auf der Webseite anzuzeigen, und verwenden Sie die Informationen in Klammern von prompt() als Eingabeaufforderungsinformationen.

confirm();

Enthält ein Popup-Fenster zur Bestätigung und Stornierung.

3. Seitenausgabe: document.write();

zeigt den Inhalt direkt auf der Seite an.

Anweisung auswählen

if....else-Anweisung

if (Beurteilungsbedingung/boolescher Wert){
//Wenn die Bedingung erfüllt ist, wird der folgende Code ausgeführt

Code 1;

}else {
/ /Wenn die oben genannten Bedingungen nicht erfüllt sind oder der boolesche Wert falsch ist, wird der folgende Code 2 ausgeführt

Code 2

}

Darüber hinaus können Sie weiterhin eine if-Beurteilung nach else hinzufügen

if (Beurteilungsbedingung/boolescher Wert){
//Wenn die Bedingung erfüllt ist, wird der folgende Code ausgeführt

Code 1;

}else if (Beurteilungsbedingung) {
//Wenn die oben genannten Bedingungen nicht erfüllt sind oder der boolesche Wert falsch ist, gilt Folgendes Code 2 wird ausgeführt

Code 2

}

sonst wenn (Beurteilungsbedingung)

. . . . .

else {
Letzter Code

}

Switch ... Case-Anweisung

Die zur Bestimmung mehrerer möglicher Werte verwendete

switch -Anweisung ist am engsten mit der if-Anweisung verwandt und ist auch eine Art Flusskontrolle, die häufig in anderen Sprachen verwendet wird . Stellungnahme.


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

default: statement
}
Nach dem Login kopieren

Schalter Die Bedeutung jedes Falls in der Anweisung ist: „Wenn der Ausdruck diesem Wert entspricht, führen Sie die folgende Anweisung aus.“ (Stellungnahme)". Das Schlüsselwort break bewirkt, dass der Codeausführungsfluss aus der Anweisung switch herausspringt. Wenn das Schlüsselwort break weggelassen wird, wird der nächste Case weiterhin ausgeführt, nachdem der aktuelle Case ausgeführt wurde hingerichtet. Durch das Hinzufügen einer break -Anweisung nach jedem Case können Sie die gleichzeitige Ausführung mehrerer Case vermeiden Situation.

Es kann auch in verschiedenen Situationen gemischt werden.


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

Es ist zu beachten, dass die switch -Anweisung beim Vergleichen von Werten den Gleichheitsoperator verwendet, sodass keine Typkonvertierung erfolgt (z. B.
die Zeichenfolge „10“ ist nicht gleich dem numerischen Wert 10).

break und continue Anweisungen

break beenden die qualifizierte Schleife innerhalb der Schleife.

continue beendet diese Schleife innerhalb der Schleife und startet die nächste Schleife:

Loop-Anweisung

for Schleife dient dazu, denselben Codeabschnitt wiederholt auszuführen.

for(var i = 1; Beurteilungsbedingung; i++){
Codeblock, der in einer Schleife ausgeführt werden soll:

}

当程序运行到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/>");

}
Nach dem Login kopieren

打印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/>");

}
Nach dem Login kopieren

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 />")

}
Nach dem Login kopieren

while循环

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

}

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

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

do...while循环

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


do {
statement
} while (expression);
Nach dem Login kopieren

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

补充:

Function函数对象

函数申明式


function fn(){

// 函数体

}
Nach dem Login kopieren

函数表达式(匿名函数)


var fn = function(){

// 函数体

}
Nach dem Login kopieren

// fn表示函数名称

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

函数的调用

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

函数的参数

// 申明

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

// 函数体

}

// 调用

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

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

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

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

函数的返回值

function 函数名(){

return 要返回值;

}

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

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


function fn(){
fn();
}

fn();
Nach dem Login kopieren

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


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

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

fn2(fn1);// fn1就是一个回调函数
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonJavaScript-Tutorial – Flusskontrollanweisung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage