前端開發(Javascript)2

條件控制語句、循環語句、函數模塊、事件等通用代碼塊

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章