JS基础：方法

最新推荐文章于 2024-07-11 20:55:36 发布

渣猫略懂

最新推荐文章于 2024-07-11 20:55:36 发布

阅读量64

点赞数

分类专栏：前端基础文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_52854090/article/details/120985695

版权

前端基础专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="UTF-8">
                <title>Title</title>
        </head>
        <body>
                <script>
                        /*方法：将一段可能需要反复执行的代码进行封装并命名，后续如果需要使用直接通过名称进行调用
                        封装是将代码结合成为一个整体方便调用的办法
                        方法的根本意义及最终目的是提高代码的复用性*/
                        /*方法创建：
                                函数表达式创建：可以提前调用
                                function 函数名（参数列表）{
                                        函数体
                                }
                                变量表达式创建：不能提前调用
                                var 函数名 = function(参数列表){
                                        函数体
                                }
                         */
                        function function1(x,y){//参数是调用方法是传输的动态数据，方法根据传输的参数进行动态运行
                                console.log(x+y);
                                console.log("函数表达式创建");
                        }
                        var function2 = function(x,y,z){//参数分为：形式参数/形参（定义方法时定义的参数），实际参数/实参（调用方法时实际传输的参数）
                                console.log(x+y+z);
                                console.log("变量表达式创建");
                        }
                        //方法调用          函数名（实参）；
                        function1(1,2);//形参和实参相对应，正常使用
                        function2(1,2);//形参比实参多，相差的参数值为underfined
                        function2(1,2,3,4);//形参比实参少，顺序使用，多余的实参无作用
                        //返回值：方法执行完毕可以返回一个数据给调用者，如果未写返回语句，默认返回undefined
                        console.log(function1(2,3));//输出方法的返回值，输出结果为fundefined
                        function function3(x,y){
                                var a = x+y;
                                return a;
                                console.log(a);//return表示当前方法执行完毕返回数据，后面继续写代码不会报错但永远不会执行
                        }
                        console.log(function3(2,3));//输出结果为方法的返回值5
                        function function4() {
                                 var i=2;
                                 console.log(i);
                                var i -5;
                                console.log(i);

                                return;//写return未写具体返回值内容，表示只结束这个方法，没有具体的返回值，返回结果为undefined
                        }
                        
                        console.log(function4());//输出结果为undefined
                        /*js没有方法重载，代码按顺序执行，如果出现方法名重复，后面方法会覆盖前面的同名方法
                        前面的同名方法根本不执行，只执行后面的同名方法*/
                        function cunction5(){
                                console.log("这是第一个function5");
                                return 10;
                        }
                        console.log(function5());
                        function  function5(x){
                                console.log("这是第二个function5");
                                return 20;
                        }
                        console.log(function5(2));
                </script>
        </body>
</html>

渣猫略懂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS基础：方法

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> .
复制链接

扫一扫