JavaScript教程-从入门到精通 (三)

2020-6-11


3.12 while循环

while循环与if语句的语法很相似


while (条件) {
    要执行的代码块;
}
                

while循环只要条件为true的情况下,它将一直将花括号里面的代码反复执行下去

下面是一个例子:


var x =1;
while ( x < 10 ) {
    alert ( x );
    x++;
}

上面代码的第一行将x定义为1
第二行括号里面的x<10意思为只要当x小于10就执行花括号里面的代码

第三行将x的数值用alert显示出来
第五行再用++递增操作符对x的数值进行+1操作

点击此处查看运行结果


do...while循环

do...while循环与while循环不同之处在于:在检查条件是否为true之前,这种循环会执行一次代码块,然后只要条件为true就会重复循环。


do {
    要执行的代码块
} while (条件);

下面是一个例子:


var x = 1;
do {
    alert (x);
    x++;
} while (x < 5);

上面那段代码中先会运行do后面花括号里面的代码
然后再运行后面的while,判断x是否小于5,为true则继续运行do后面的花括号,为false则停止

点击此处查看运行结果


3.11 for循环

for循环与while循环很相似,也算得上是while循环的一种变体


for (语句 1; 语句 2; 语句 3) {
    要执行的代码
}

语句 1 在循环开始之前执行。
语句 2 定义运行循环的条件。
语句 3 会在循环每次被执行后执行。

例如下方:

for (var x = 1; x < 10; x++) {
    alert (x);
}

3.12函数

JavaScript函数可以把多段语句封装在一起,并且在你的代码里可以随时调用它

语法如下:


function 名字(参数1,参数2) {
    要执行的代码
}

下面是一个例子


function mydef() {
    var x = 3 , y = 5;
    alert (x + y);
}

在这个函数中我们定义变量x为3,y为5,然后再通过alert将x+y的结果显示出来

现在,如果想要执行函数里面的内容,则可通过下面的语句来调用这个函数:


mydef()

函数可以有效避免在代码中重复键入大量相同的内容

但函数更大的用途在于函数的参数

你可以把数据传送给函数,让函数把你传来的数据按照函数里面的语句代码进行运算,再把结果返出去

下面是一个例子:


function operation(num1,num2) {
    var multiply = num1 * num2;
    alert(multiply);
}
operation(5,8);

我们定义了一个名为operation的函数,同时设定了num1和num2两个参数

在函数中定义了变量multiply,值为num1乘num2,然后再通过alert显示变量multiply的值

在最后一行,调用operation函数并将5传给num1,8传给num2

接下来将按照函数里面的语句运算5*8,结果为40,并且会通过alert将40显示出来


JavaScript内建函数

这里我们还要补充一点:JavaScript内建函数

JavaScript提供了很多内建函数,我们多次提到的alert就是一个内建函数。
我们需要给alert提供一个参数,而它弹出的对话框来显示这个参数

例如alert("hello") ,字符串"hello"就是内建函数alert的参数



在上面的例子中我们虽然在函数内用alert将multiply显示出来了,但是如何能够在函数外调用函数运算的值呢

这就需要用到return语句了:


function operation(num1,num2) {
    var multiply = num1 * num2;
    return multiply;
}

下面是一个完整的例子:


var value = myFunction(5, 8);        // 调用函数,返回值被赋值给 value

function myFunction(x, y) {
    return x * y;                // 函数返回 x 和 y 的乘积
}


变量的作用域

这里再讲一讲关于变量的作用域

变量分位全局变量和局部变量

局部变量是在JavaScript函数中声明的变量,会成为函数的局部变量。尽可在函数内访问

全局变量则是可以在整个程序任意一个位置被引用


var name = "lablog"
function myFunction() {
    var name1 = "lablog1";
    // 在函数内可以使用name1变量,也可以使用name变量
}
//在函数外则不能使用name1变量,而name变量则可以使用





本期教程先到这里,感谢大家的支持




版权声明:本文为原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://lablog.net/text/javascript/text3