JS函数

最新推荐文章于 2025-03-18 21:07:14 发布

weixin_30721899

最新推荐文章于 2025-03-18 21:07:14 发布

阅读量39

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/DCL1314/p/7374023.html

函数

1.函数的优势

提高软件的可靠性
提高软件的开放效率
提高软件的可维护性
提高软件的重用性

2.函数的组成
函数名(funcName)
函数体(statements)
参数(形参和实参)(parameters)
返回值(结束函数,作为函数调用表达式整体的值)

函数的声明方式
function funcName ([parameters]){
statements;
[return表达式;]
}

关键字方式

  function 函数名([参数列表]){
      函数体
  }

表达式方式(匿名函数方式)

  var 函数名=function([参数列表]){
      函数体
  }

构造函数方式
```
  var 函数名=new Function("参数","函数体")
```
函数的参数问题
形参:形式上的参数
function demo(a,b)
实参:调用函数时给的参数
demo(3,1)

形参和实参的数量

  形参数量<实参数量 多余的 实参被忽略
  形参数量>实参数量 没有赋值的形参会自动赋值undefined

参数的默认值
- ECMA6语法（不兼容IE） function 函数名(参数1, 参数2=默认值)
- 有默认值的参数要写在后面
- 有默认值的参数称之为可选参数
- 兼容处理参数默认值问题，在函数体判断参数值是否是undefined
可变参数数量的函数
- arguments

函数的作用域

全局变量在函数外面定义的变量
局部变量在函数里面定义的变量
在函数内，不使用var声明的变量时全局变量（不推荐使用，严格模式(use strict)不允许）

递归函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>递归函数</title>
</head>
<body>
    <h1>梯归函数</h1>
    <script>
        //死循环递归
        function demo(){
            console.log('demo');
            demo();
        }
        //递归
        function fn(m){
            if(m<=0){
                console.log("-------------");
                return;
            }
            console.log(m);
            fn(m-1);
            console.log(m);
        }
        fn(3);
        /*
            fn(3)  3
                fn(2)  2
                    fn(1)  1
                        fn(0)   ---------
                    fn(1)  1
                fn(2)   2
            fn(3)   3
        
        */
    //实现 阶乘 m的阶乘
    function cheng(m){
        if(m<=1){
            return 1;
        }
        return m *cheng(m-1);
    }
    console.log(cheng(3));
    /*
           cheng(3) return 3 * cheng(2)
             cheng(2) return 2 * cheng(1)
                cheng(1)  return1
             cheng(2) return 2 * 1
           cheng(3) return 3 * 2
        */
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/DCL1314/p/7374023.html