前端开发（Javascript）2

最新推荐文章于 2024-12-10 10:30:00 发布

原创最新推荐文章于 2024-12-10 10:30:00 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#条件控制语句 #函数模块 #循环语句

Javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

前端开发

3 篇文章

订阅专栏

本文深入探讨JavaScript中的条件控制语句（if...else、switch...case）、循环语句（for、while、do...while）及函数的创建与使用。通过实例展示了如何使用这些结构进行日期判断、直角三角形绘制等操作。

条件控制语句、循环语句、函数模块、事件等通用代码块

1. if...else

getDay() 方法可返回表示星期的某一天的数字。

var d = new Date().getDay();
if( d==0) {
    console.log("今天星期天");
} else if(d==1) {
    console.log("今天星期一");
} else if(d==2) {
    console.log("今天星期二");
} else {
    console.log("好多啊，我不想写了");
}

2.switch...case

var d = new Date().getDay();
switch(d) {
    case 0:
        console.log("今天星期天");
        break;
    case 1:
        console.log("今天星期一");
        break;
    case 2:
        console.log("今天星期二");
        break;
    case 3:
        console.log("今天星期三");
        break;
    case 4:
        console.log("今天星期四");
        break;
    case 5:
        console.log("今天星期五");
        break;
    default:
        console.log("今天星期六");
        break;
}

3.三元运算符

3>2?console.log("3比2大"):console.log("3比2小");

4.for循环

for(var i=1;i<=100;i++){
    if(i%7==0){
        console.log(i);
        break;
    }
}

break：完全跳出循环； continue：跳出当前循环而执行下一个循环

5.while和do...while语句

var i = 1;
while(i<=100){
    console.log(i);
    i++;
}

var i = 1;
do{
    console.log(i);
    i++;
}
while(i<=100)

do while 循环即使条件为 false，do while 也会执行一次循环代码。而 while 循环只有在条件为真的时候才执行。

6.函数创建

function f(a,b){
    console.log(a+b);
} //创建一个名为f的函数，它有两个形参a，b
f(2,3); //调用函数f，传入实参2和3，最终运行结果为在控制台上打印出5
//JavaScript解析器首先会把当前作用域的函数声明提前到整个作用域的最前面

var f = function(a,b){
    console.log(a+b);//利用函数表达式创建函数
}
f(2,3);

如果函数中没有 return 语句，那么函数默认的返回值是：undefined。
如果函数中有 return 语句，那么跟着 return 后面的值就是函数的返回值。
如果函数中有 return 语句，但是 return 后面没有任何值，那么函数的返回值也是：undefined。
函数在执行 return 语句后会停止并立即退出，也就是说 return 语句执行之后，剩下的代码都不会再执行了。
当函数外部需要使用函数内部的值的时候,我们不能直接给予，需要通过 return 返回。

//制作直角三角形
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <script>
            function star(i) {
                for(var j = 1; j <= i; j++) {
                    for(var k = 1; k <= j; k++) {
                        document.write("*");
                    }
                    document.write("<br>");
                }
            }
            do {
                var n = prompt("请输入一个正整数");
                if(Number(n) > 0 && parseInt(n) == parseFloat(n)) {
                    star(n);
                } else {
                    alert("输入错误，请输入一个正整数");

                }
            }
            while (!(Number(n) > 0 && parseInt(n) == parseFloat(n)))
        </script>
    </body>

</html>