Day16-项目&函数

一 while循环

    <script>
        /**
         * 语法
         *  while(条件){
         * 
         *  }
         * 
         *  while循环的作用:用来实现未知次数的循环
         *  如果while循环不结束,while循环下面的代码不会执行
        */
        while(true){
            let n = prompt("请输入一个数")
        }
    </script>

二 图书管理系统

    <script>
        let books = [
            [0,"HTML","网页结构布局",20],
            [1,"CSS","网页的样式设计",30],
            [2,"JavaScript","前端脚本语言",40]
        ]
        while(true){
            let choose = prompt("1显示所有书籍 2书籍添加 3书籍更新价格 4书籍删除 5退出")
            if(choose == 1){
                let msg = ""
                for (let index = 0; index < books.length; index++) {
                    msg = msg + books[index] +"\n"
                }
                alert(msg)
            }else if(choose == 2){
                let id = books.length
                let name = prompt("请输入书名")
                let desp = prompt("请输入描述")
                let price = prompt("请输入价格")
                //把价格转数值
                price = parseFloat(price)
                let book = [id,name,desp,price]
                //向books二维数组的末尾追加
                books.push(book)
                alert("添加成功")
            }else if(choose == 3){
                let id = prompt("请输入要更新的书籍编号")
                if(books[id]){
                    let price = prompt("请输入更新后的价格")
                    books[id][3] = parseFloat(price)
                    alert("更新成功")
                }else{
                    alert("该图书不存在")
                }

            }else if(choose == 4){
                let f = confirm("确认删除?")
                if(f){
                    //删除最后一本书
                    books.pop()
                    alert("删除成功")
                }
            }else if(choose == 5){
                alert("欢迎下次使用")
                // 使用break结束循环的执行
                break
            }else{
                alert("输入错误,请重新输入")
            }
        }
    </script>

三 函数

一、函数概述

1.什么是函数？

​ 具有特定功能的一段独立程序

2.为什么要用函数？

​ 1.解决代码的重复性问题

​ 2.提高代码的可重用性

二、使用步骤

1.定义函数

        /**
         * 定义函数
         *  function 函数名称(){
         *      函数体
         *  }
        */
        function sing(){
            console.log("是谁在唱歌");
        }

2.调用函数

        /**
         * 调用函数
        */
        sing()
        sing()
        sing()

练习

定义两个函数分别计算不同形状的面积（三角形、正方形）,需要的数据和面积在自定义函数中输入和输出

    <script>
        //定义两个函数分别计算不同形状的面积（三角形、正方形）,需要的数据和面积在自定义函数中输入和输出
        function sjxArea(){
            let bottom = prompt("请输入三角形的底")
            let height = prompt("请输入三角形的高")
            //计算面积
            let area = bottom*height/2
            console.log("三角形的面积为",area);
        }
        sjxArea()


        function zfxArea(){
            let len = prompt("请输入正方形的边长")
            // 计算面积
            let area = len * len
            console.log("正方形的面积为",area);
        }

        zfxArea()
    </script>

三、函数的形参和实参

怎样将函数外的数据传递到函数内部?我们需要用到有参函数

练习

定义两个函数计算不同形状的面积（三角形、正方形）（需要的数据在函数外输入,在自定义函数中输出）

    <script>
        //定义两个函数计算不同形状的面积（三角形、正方形）（需要的数据在函数外输入,在自定义函数中输出）
        function sjxArea(bottom,height){
            let area = bottom*height/2
            console.log("三角形的面积为",area);
        }
        let b = prompt("请输入三角形的底")
        let h = prompt("请输入三角形的高")
        sjxArea(b,h)


        function zfxArea(len){
            let area = len*len
            console.log("正方形的面积为",area);
        }
        let l = prompt("请输入正方形的边长")
        zfxArea(l)
    </script>

四、函数的返回值

怎样将函数内的数据传到函数外部?我们需要用到函数的返回值

练习

定义一函数，用于求3个数的和，并将其返回，这3个数在函数外由用户输入,在函数内部做运算,在函数外输出结果

    <script>
        //定义一函数，用于求3个数的和，并将其返回，这3个数在函数外由用户输入,在函数内部做运算,在函数外输出结果
        /**
         * 有参数有返回值的函数
        */
        function sum(a,b,c){
            let r =a + b + c
            return r
        }

        let n1 = prompt("请输入第一个数")
        let n2 = prompt("请输入第二个数")
        let n3 = prompt("请输入第三个数")
        n1 = parseFloat(n1)
        n2 = parseFloat(n2)
        n3 = parseFloat(n3)
        let m = sum(n1,n2,n3)
        console.log(m);
    </script>

五、变量的作用域

1.局部变量

在函数里面定义的变量称为局部变量，只能在函数内部使用

2.全局变量

在函数外部定义的变量称为全局变量