javascript调用自定义函数 js 自调用函数的作用

函数自调用：

指函数在页面加载时就自行调用，不依靠其他的语句，例如fn();函数只调用了一次。

 

格式：

(function fn( 形参 ) { 内部表达式 } )( 实参 );

实参有两种：直接量（就是直接给值），变量；

arguments.length 实参数量

arguments.callee 运行的函数对象

 

例：

function fn(a, b) {
            console.log( arguments.length); 
            console.log(arguments.callee);
        }

        fn(10, 20)

打印结果：

2

ƒ fn(a, b) {

　　console.log( arguments.length); 
　　console.log(arguments.callee);
}

 

1、在函数内部自调用：

function fn () {
                console.log('fn');
                fn();
            }            
            fn();

这样的打印会一直调用fn函数，无限打印’fn‘，是一种死循环。

 

*但可以在fn内部加入条件判断语句避免这种情况；

 

2、我们可以利用函数自调用，解决一些数学问题，特别是一些迭代计算：

function fn (n) {
                   if(n<=1){
                    return 1
                }
                else{
                    return n*fn(n-1)
                }
            }                        
            var re=fn(10)
            console.log(re)

打印：3628800

 

理解：

调用fn后把参数10传入，在条件语句中返回一个10*fn(9)，再调用fn把9传入返回9*fn(8)，依次推出就是10*9*8*7*6*5*4*3*2*1

 

计算10+9+...+1——

function fn (n) {
                   if(n<=1){
                    return 1
                }
                else{
                    return n+fn(n-1)
                }
            }                        
            var re=fn(10)
            console.log(re)

打印结果：

55

 

3、若要打印一个不知道嵌套了几层的数组的每个元素，可以使用自调用函数：

打印出数组中所有的数字——

var arr = [
            [1, 2, 3, 4, [2, 3, 4, 5],
                [2, 3, 4, 5],
                [4, 54, 2, 6]
            ],
            [2, 3, 4, 4, 5, 6]
        ]
        //遍历数组
        function fn(arr) {
            for (var i = 0; i < arr.length; i++) {
                if (typeof (arr[i]) == "number") {
                    console.log(arr[i])
                } else {
                    fn(arr[i]);    //函数自调用
                }
            }
        }
        fn(arr)；

打印结果：(暂不换行，以“，”分隔，在控制台打印是会换行的)

1, 2, 3, 4, 2, 3, 4, 5, 2, 3, 4, 5,4, 54, 2, 6, 2, 3, 4, 4, 5, 6