函数相关知识点

已于 2022-03-15 20:50:22 修改
阅读量684 收藏 1
点赞数 1
分类专栏： 基础语法笔记 文章标签： 函数
于 2022-03-15 18:05:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51045721/article/details/123503227
版权

文章目录

函数概念

就是一个模板，要实现类似的代码的时候，就调用这个代码

如下所示：
利用函数实现1-100之间的累加和

<!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>
    <script>
        //函数：就是封装一段可以被重复执行调用的代码块 
        //目的是：让大量代码重复使用
        function getSum(num1, num2) {
            var sum = 0;
            for (var i = 1; i <= num2; i++) {
                sum += i;
            }
            console.log(sum);
        }
        getSum(1,100);//5050
         getSum(10,50);//1250
        
    </script>
</head>

<body>

</body>

</html>

函数的使用

1.声明函数
2.调用函数

<!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>
    <script>
       
        // // 1.声明函数
        // function 函数名(){
        //     //函数体
        // }

        function sayHi() {
            console.log('hi~~');
        }

        //     1.function 声明函数的关键字 全部小写
        //     2.函数是做某件事情，函数名一般是动词
        //     3.函数不调用，自己不执行（和类选择器一样）

        // //2.调用函数
        // 函数名();

        sayHi();
        //调用函数的时候记得小括号

    </script>
</head>

<body>

</body>

</html>

函数的参数

利用函数的参数实现函数 重复不同的代码
参数–形参、实参

// 利用函数的参数实现 函数重复不同的代码
        function 函数名(形参1,形参2...){ // 在声明函数的小括号里面的是 形参(形式上的参数)

        }
        函数名(实参1,实参2...);// 在函数调用的小括号里的是实参(实际的参数)

函数的参数可以有，也可以没有，个数不限

<!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>
    <script>
        // 形参和实参的执行过程
        function cook(aru){//形参是用来接收实参的  aru ='酸辣土豆丝'  形参类似于一个变量
            console.log(aru);
        }
        cook('酸辣土豆丝')

    </script>
</head>

<body>

</body>

</html>

利用函数实现 两数和、两数之间的和

<!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>
    <script>  
       // 利用函数实现两数之和
        function getSum(num1, num2) {
            console.log(num1 + num2);
        }
        getSum(1, 3);

        // 利用函数实现两数之间的和
        var sum = 0;
        function getSums(num3, num4) {
            for (var i = num3; i <= num4; i++) {
                sum += i;
            }
            console.log(sum);
        }
        getSums(1, 100);
    </script>
</head>

<body>

</body>

</html>

函数的返回值----return 语句

将函数值返回给 调用者

function 函数名(){
	return 需要返回的结果；
	}
	函数名();
  1. 函数只是实现某种功能，最终的结果需要返回给函数的调用者 函数名()
    通过 return 实现的
  2. 只要遇到 return 就把后面的结果 返回给后面的调用者 函数名(）=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>
    <script>
        function getResult() {
            return 666;
        }
        getResult();
        console.log(getResult());  //666
    </script>
</head>

<body>

</body>

</html>

利用函数求任意两个数的最大值

<!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>
    <script>

        function getMax(num1, num2) {
            if (num1 > num2) {
                return num1;
            }

            else (num2 > num2){
                return num2;
            }
        }
        console.log(getMax(1, 4));
    </script>
</head>

<body>

</body>

</html>

或者用三元运算符

 function getMax(num1, num2) {
           return num1 > num2 ? num1 :num2;
        }
        console.log(getMax(1, 4));

利用函数 求任意一个数组中的最大值

求数组 [5,2,99,10,111,717,222] 中的最大值

<!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>
    <script>
        //求数组 [5,2,99,10,,111,717,222] 中的最大值

        function getArrMax(arr) {// arr 接收一个数组
            var max = [5, 2, 99, 10, , 111, 717, 222];
            for (i = 1; i <= arr.length; i++) {
                if (arr[i] > max) {
                    max = a[i];
                }

            }
            return max;
        }
        // getArrMax([5,2,99,10,,111,717,222]);  //实参是一个数组送过去
        //在实际开发中，经常使用一个变量来接收函数的返回结果  使用更简单
        var re = getArrMAX([5,2,99,10,,111,717,222]);
        console.log(re);
    </script>
</head>

<body>

</body>

</html>

返回值注意事项

  1. return 终止函数——后面代码不执行
  2. return 只能返回一个值，
  3. 函数如果有 return ，返回的是return 后面的值，如果没有，返回的是defined
  4. break continue return 的区别
    break：结束当前的循环体 ，比如 for while
    continue：跳出本次循环，继续执行下次循环
    return：不仅可以跳出循环，还能够返回 return 语句中的值，同时还可以结束当前函数体内的代码

arguments 的使用

arguments 是所有函数的内置对象，arguments存储了所有实参

说白了就是函数内置一个动态数组

<!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>
    <script>
        // arguments 的使用  ,只有函数才有 argums 对象，而且是每个函数都内置好了
        function fn() {
            console.log(arguments); // 存储了所有的形参，展示形式是 伪数组

			// 我们可以按照数组遍历的方式遍历 arguments
			for (var i = 0; i <= arguments.length;i++){
				console.log(arguments[i]);
            // 伪数组：  
            // 1. 具有数组的 length属性
            // 2. 按照索引大的方式进行存储
            // 3. 没有真正数组的一项方法，比如pop push
        }
        fn(1, 2, 3);
    </script>
</head>

<body>

</body>

</html>

利用argums 求任意个数的最大值

<!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>
    <script>       
        function getMax() {
            var max = arguments[0];
            for (i = 0; i < arguments.length; i++) {
                if (arguments[i] > max) {
                    max = arguments[i];
                }
            }
            return max;
        }
        console.log(getMax(1, 2, 3, 4, 4, 4, 7, 88));
    </script>
</head>

<body>

</body>

</html>

利用函数翻转数组

利用函数 实现冒泡排序

function sort(arr){
	for (var i = 0; i< arr.length -1;i++){
		for(var j = 0; j < arr.length - 1 -i;j++){
			if (arr[i] > arr[j+1] ){
				var temp = arr[j];
				arr[j] = arr[i];
				arr[i] = temp;
				}
			}
		}
		return arr;
	}
	var arr1 = sort([1,2,6,8,3,0]);
	console.log(arr1);

利用函数判断闰年

<!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>
    <script>
        // 利用函数判断闰年
        function isRun(year) {
            //如果是闰年，返回 true ，否则返回 false
            var flag = false;
            if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
                flag = true;
            }
            retuen flag;
        }
        console.log(isRun(2000));//true
    </script>
</head>

<body>

</body>

</html>

函数调用另一个函数

实际上就是嵌套

 // 函数之间相互调用

        //执行顺序： fn1()--->进入函数内部，再调用fn2
        function fn1(){
            console.log(11);
            fn2(); //在 fn1 函数里面调用了 fn2

        }
        fn1();
        function fn2(){
            console.log(22);;
        }

输入年份，输出 2 月份的天数

<!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>
    <script>
        //用户输入年份，输出当前年份2月的天数
        function backDay() {
            var year = prompt('输入年份：');
            if (isRun(year)) {  //调用函数 记得要加括号
                alert('当前年份是闰年，2月份有29天');
            } else {
                alert('当前年份是平年，2月份有28天');
            }
        }
        backDay();

        //判断是否为闰年
        function isRun(year) {
            //如果是闰年，返回 true ，否则返回 false
            var flag = false;
            if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
                flag = true;
            }
            return flag;
        }

    </script>
</head>

<body>

</body>

</html>

函数的两种声明方式

  1. 利用函数关键字自定义----命名函数
  2. 函数表达式----------匿名函数
    格式：

这种的函数没有名字，，，这个定义的名字是变量名

var 变量名 = function(){};

函数表达式声明方式和声明变量差不多， 只不过
变量里面存的是 值
函数表达式里面村的是 函数

函数表达式也可以传递参数

Dn_wh
关注
专栏目录
函数的知识点
weixin_57156683的博客
07-27 262
函数的知识点
函数的其他知识点
dvhsf的博客
05-29 107
1.立即调用的函数表达式（IIFE） 根据 JavaScript 的语法，圆括号()跟在函数名之后，表示调用该函数。比如，print()就表示调用print函数。 有时，我们需要在定义函数之后，立即调用该函数。这时，你不能在函数的定义之后加上圆括号，这会产生语法错误。 产生这个错误的原因是，function这个关键字既可以当作语句，也可以当作表达式。 当作表达式时，函数可以定义后直接加圆括号调用。 上面的代码中，函数定义后直接加圆括号调用，没有报错。原因就是function作为
定义一个函数实现输出两个整数的最大值。
m0_73645140的博客
05-03 4446
int max(int x, int y) //定义max函数，函数类型为整型，形参x,y。void max(int x, int y) //定义max函数，不返回值，形参x,y。if(x>y) //若x>y成立，把x的值赋给全局变量Max。int max(int x, int y) //定义max函数。//x > y 时，返回 x 的值，否则返回 y 的值。if(x>y) //若x>y成立，把x的值赋给z。//定义变量a,b,Max。//使p指向max函数。
调用函数，求解两个数的最大值
Divinerzbw的博客
07-18 5481
C语言中求解两个数中的最大值，先定义好变量，创建函数，调用函数，求解最大值
JavaScript开发之利用函数求任意两个数的最大值
weixin_47062907的博客
02-28 6682
今天，运用JavaScript的相关知识，制作了利用函数求任意两个数中最大值的案例。希望我们互相学习，共同进步！ 最终效果图： js代码部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor
自定义函数：C语言中两个数求最大值
weixin_72945731的博客
12-04 6749
自定义一个求最大值的函数，在主函数中对此函数进行调用。
用函数实现求两个整数的最大值
qq_52510978的博客
11-25 5307
#include<stdio.h> int main() { int a,b,c; int max(int x,int y); printf(“输入两个整数：”); scanf("%d%d",&a,&b); c=max(a,b); printf(“max=%d”,c); return 0; } int max(int x,int y) { int z; if(x>y) z=x; else z=y; return z; }
总结js函数相关知识点
01-19
在js种函数实际上是对象，每个函数都是Function类型的实例。和其他引用类型一样，都具有属性和方法。 1. 函数定义有几种方法 1）函数声明语法定义 function sum(num1,num2){ return num1+num2; } 2）函数表达式 ...
一次函数、反比例函数、二次函数知识点归纳总结归纳.pdf
10-21
本文将详细介绍二次函数知识点，包括平面直角坐标系、点的坐标、不同位置的点的坐标特征、函数及其相关概念、正比例函数和一次函数等。 知识点一、平面直角坐标系 * 平面直角坐标系是在平面内画两条互相垂直且有...
一次函数和反比例函数知识点总结.doc
10-12
"一次函数和反比例函数知识点总结" 本文主要总结了一次函数和反比例函数的知识点，包括一次函数的定义、图像、性质和应用，反比例函数的定义、图像和应用等。下面是详细的知识点总结： 1. 一次函数的定义 一次...
C语言关于函数知识点.doc-综合文档
05-22
C语言函数知识点详解 本文将对C语言中的函数知识点进行详细的解释和总结， 涵盖函数的定义、调用、参数传递、返回值、变量作用域等方面的知识点。 一、函数的定义和调用 在C语言中，函数是指一种可以重复使用的...
反比例函数知识点及经典例题
10-23
反比例函数知识点及经典例题 反比例函数是数学中的一种重要函数，它广泛应用于自然科学和社会科学等领域。下面是反比例函数的知识点及经典例题： 一、基础知识 1. 定义：反比例函数是一种特殊的函数，它的定义式...
利用函数求两个数的最大值
...
08-31 750
利用函数求两个数的最大值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &l
定义一个方法,求两个整数的最大值,把最大值返回
heima_hao123的博客
09-26 828
定义一个方法,求两个整数的最大值,把最大值返回
JS：如何求任意两个数之间的最大值
qq_45720624的博客
08-28 2323
同志们我们是程序员，有更简单的方法，那就是函数。只要我在调用函数上随便的输入两个值，他直接会给我返回最大值，根本不用再去修改num1,num2的值，我知道又有同学会说那你直接讲第三点就好为什么还要讲第二点，因为主要是要同学们理解主要核心思路是如何的，你就会怎么写的更简单，要学会举一反三喔；1、首先你得创建一个中间变量：例如max(用来存放比较值之后的最大值)，假设我指定的两个一个是A，一个是B。//因为两个比较大小，最终都是存入max中，所以我们只需要在控制台打印max这个变量，即可得到两个值中最大的值。.
C语言用函数求两个整数的较大值
weixin_66574427的博客
08-23 1934
C语言用函数求两个整数的较大值
用函数编程计算函数的最大值，在主函数中调用该函数计算并输出从键盘上任意输入两个整数的最大值
热门推荐
看花容易绣花难
05-01 1万+
方法一： #include<stdio.h> int max(int a,int b); int main() { int a,b; printf("请输入a,b:"); scanf("%d%d",&a,&b); printf("max=%d\n",max(a,b)); return 0; } int max(int a,int b) { return a...
求任意两个数中的最大值
weixin_44653026的博客
09-27 492
求两个数中的最大值
各种函数声明和定义模块
最新发布
09-16
各种函数声明和定义模块
unity调用函数相关知识点
05-01
Unity中调用函数的相关知识点包括： 1. 函数的声明和定义：在脚本中声明和定义函数，包括函数名、参数和返回值等。 2. 函数的调用：在脚本中调用函数，通过函数名和参数传递来调用相应的函数。 3. 函数的参数传递...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值