2021/11/27(函数)

本文详细介绍了JavaScript中的函数,包括函数的概念,如何声明和调用函数,函数的封装,带参数的函数以及形参和实参的工作原理。此外,还讨论了函数的返回值,如何通过return返回结果,并提到了break、continue和return的区别。最后,文章提及了arguments对象在函数中的应用以及函数调用其他函数的示例。
摘要由CSDN通过智能技术生成

1.函数的概念
            在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用
        函数就是封装了一段可以被重复执行调用的代码块  目的:  就是让大量代码重复使用
        2.函数的使用
            1.声明函数
                function 函数名(){
                    函数体
                }
                
                例:function sayHi(){
                    console.log('hi---');
                }
                (1)function声明函数的关键字 全部小写
                (2)函数是做某件事情,函数名一般是动词sayHi
                (3)函数不调用自己不执行
            2.调用函数
                函数名();
                sayHi();
                调用函数的时候千万不要忘记加小括号
            3.函数的封装
                函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口
        3.带参数的函数
                1.函数可以重复相同的代码
                2.我们可以利用函数的参数实现函数重复不同的代码
                    形参和实参
                    function 函数名(形参1,形参2...){
                        在声明函数的小括号里面是 形参 (形式上的参数)                        
                    }
                    函数名(实参1,实参2...) 在函数调用的小括号里面是实参(实际的参数)
                3.形参和实参的执行过程
                 形参是用来接受实参的,举个例子形参就像变量x、y,而实参就是xy的数值
                4.函数的参数可以有,也可以没有数量上不设上限
                5.函数形参实参个数匹配
                    ① 如果实参的个数和形参的个数一致 则正常输出结果
                    ② 如果实参的个数多于形参的个数  多出来的值则不进入运算,最终会议形参的个数进行运算
                    ③如果实参的个数少于形参的个数   
                    形参可以看作是不用声明的变量 多出来的形参没有接收值 结果就是undefined  NaN
        
        4.函数的返回值
            function 函数名(){
                return 需要返回的结果;
            }
            函数名();
            ①函数值是实现某种功能,最终的结果需要返回函数的调用这函数名() 通过return 实现的
            ②只要函数遇到return就把后面的结果 返回给函数的调用者 函数名()=return后面的结果
            求任意两个数的和
            例
            function getSum(num1,num2){
                return num1+num2
            }
            console.log(getSum(1,2));
            
            tips:函数返回值注意事项
            ①return 终止函数  return后面的代码不会被执行
            ②return 只能返回一个值(最后一个值)
            ③我们的函数如果有return 则返回的是return 后面的值,如果函数没有return 则返回undefined
            break、continue、return的区别
            break:结束当前循环体(如for、while)
            continue:跳出本次循环,继续执行下次循环
            return:不仅可以退出循环,还能够返回return的值,同时还可以结束当前的函数体内的代码
        5.arguments的使用  只有函数才有arguments   而且是每个函数都内置好了这个argumengts
            伪数组 并不是真正意义上的数组
            1.具有数组的length属性
            2.按照索引的方式进行存储的
            3.他没有真正数组的一些方法pop() push()等等
        
            函数可以调用另外一个函数
            function fn1(){
            console.log(11);         在fn1函数里面调用fn2函数
            fn2();
            }
            fn1();
            function fn2(){
            console.log(22)
            }
                                    显示结果  11
                                            22
        6.函数的两种声明方式
            1.利用函数关键字自定义函数(命名函数)
            function fn(){
                
            };
            fn();
            
            2.函数表达式(匿名函数)
            var 变量名=function(){};
            var  fun=function(){
                console.log('我是函数表达式');
            }
            fun();
            
            ①fun是变量名 不是函数名
            ②函数表达式声明方式跟声明变量差不多,只不过变量里面存在的值 而函数表达式里面存的是函数
            ③函数表达式也可以传递参数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值