while循环和函数

121 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第16天,点击查看活动详情

一。while循环

   <script>
    let i=1;
   while(i<=5){
       document.write('我是第'+i+'<br>')
       i++
   }
</script>

1.png

   <script>
     let i = 1;
    let num = 0;
   
    while (i <= 100) {
        if (i % 2 == 0) {
            num +=i;
        } 
        i++;
    } document.write('100以内(包括100)偶数的和为:' + num)
</script>

3.png

二。do while特点:先执行,再判断 至少执行一次

<script>
    let i=1
    do{
        document.write('今天星期'+i+'<br>')
        i++
    }while(i<=7)
</script>

34.png

    <script>
    let sum = 0;
    let i = 1;
    do {
        if (i % 2 == 0) {
            sum += i;
        }i++;
    } while (i <= 100)
    document.write('100以内(包括100)偶数的和为:' + sum)
</script>

12.png

循环的优势 :解决重复操作 ,减少代码编写量,使代码结构清晰 增强代码的可读性

三。函数,函数是一等公民。

函数的含义:程序的基本单元,是完成特定任务的代码语句块

函数分类:系统函数(如parseInt())、自定义函数(如luck())

函数的特征: 实现一定的功能 ,可以返回一个结果 return , 可以有参数

     <script>
    fn();
    function fn() {
        document.write('你好')
    } 调用函数

234.png

     <script>
    fn('你好', '不好')
    function fn(a, b) {
        document.write(a);
        document.write(b);
    }
    a,b为形式参数
</script>

145.png

  <script>
    function fn() {
        return '你好'
    }
    let str = fn();
    document.write(str)
</script>使用str变量来接收fn返回的字符串

2456.png

    <script>
       fn();
    var fn = '123123'
    /* 定义函数 */
 
    function fn(){
        document.write('我爱js')
    }
</script>变量的名字和函数的名字重名了,这种情况是在 定义函数之前使用fn() 因为函数的优先级比较高 把fn变量覆盖了

125.png

  <button onclick="fn()">点我试试</button>
<script>

    function fn() {
        let a = prompt('输入西瓜有惊喜')
        if (a == '西瓜') {
            document.write('这么胖了你还吃')
            return
        } else {
            document.write('吃西瓜会长胖')
        }
    }
</script>

56.png

return 表示从返回 ★也表示终止函数的执行

 <button onclick="fn()">点我试试</button>
<script>

    function fn() {
        let a = prompt('输入西瓜有惊喜')
        if (a == '西瓜') {
            document.write('这么胖了你还吃')
            return;
        }
        document.write('吃西瓜会长胖')
    }
</script>