3.11 day22 js基础第四天

最新推荐文章于 2024-03-09 11:13:54 发布

我在某马学前端

最新推荐文章于 2024-03-09 11:13:54 发布

阅读量530

点赞数 1

分类专栏： js基础文章标签： javascript html dreamweaver Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_45190461/article/details/129461922

版权

js基础专栏收录该内容

5 篇文章 2 订阅

订阅专栏

本文介绍了JavaScript中的函数使用，包括声明、命名规范、调用方法、传参和返回值的处理。还讨论了作用域、匿名函数的实现，如函数表达式和立即执行函数，并提供了几个练习题来巩固这些概念，包括求和、数值交换、余额计算和数组操作。此外，还涉及到了错误排查和逻辑判断的相关知识。

摘要由CSDN通过智能技术生成

1.函数

2.函数使用

1.函数的声明

2.命名规范

3.函数调用

1.练习

2.练习

4.函数传参

1.练习

2.练习

3.练习

5.函数返回值

练习

6.函数细节

7.作用域

1.思考

2.访问原则

3.案例

8.匿名函数

1.函数表达式

2.立即执行函数

3.案例

9.逻辑终端中断

10.boolean类型

3.主观题

练习题1：

请看以下代码，并说出执行的流程~~~

练习题2：

目标：求和函数封装练习

要求:

封装函数, 名字为sum

功能: 根据传入的两个数,求和并且返回求和的结果（函数必须有return返回值）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function sum(){
            let num1 = +prompt("请输入数字1")
            let num2 = +prompt("请输入数字2")
            return num1 + num2
        }
    </script>
</body>
</html>

练习题3：

目的: 封装函数, 复习函数的基本写法。

需求：实现两个数的值交换(函数版本)

分析:

函数名为 changeNum()

调用函数时, changeNum(1，2)

经过函数内部处理后,输出第一个值的结果是2 第二个值的结果是1

可以多调用两次

<body>
    <script>
        function changeNum(num1, num2){
            let temp = 0;
            temp = num1
            num1 = num2
            num2 = temp
            return [num1, num2]
        }
    </script>
</body>

练习题4：

目的: 复习函数的声明与调用

题目：封装余额函数

要求:

运行程序后, 浏览器显示输入确认框(prompt)

第一个输入确认框提示输入银行卡余额

第二个输入确认框提示输入当月食宿消费金额

第三个输入确认框提示输入当月生活消费金额

输入完毕后,在页面中显示银行卡剩余金额

提示: 所有功能代码封装在函数内部（函数需要把余额返回）

<body>
    <script>
        function showMoney(){
            let num1 = +prompt("请输入总金额")
            let num2 = +prompt("请输入吃饭消费")
            let num3 = +prompt("请输入生活消费")
            let money = num1 - num2 - num3
            document.write(money)
            return money
        }
    </script>
</body>

练习题5:

目标：封装一个函数,可以求任意数组的和或平均值

要求：

函数可以传递2个参数，比如 handleData(arr, true) handleData 处理数据的意思

参数一：接受实参传递过来的数组

参数二: 布尔类型如果是true或者不传递参数是求和操作，如果传递过来的参数是 false 则是求平均值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function handleData(array, true1){
            let sum = 0
            let ave = 0
            for (let index = 0; index < array.length; index++) {
                num += array[index]
            }
            if(true1 === "false"){
               //平均值
               ave = num / array.length
            }
        }
    </script>
</body>
</html>