JS中的命名函数,匿名函数,自调用函数和回调函数

JS中的命名函数,匿名函数,自调用函数和回调函数

(一). 命名函数:函数如果有名字，就是命名函数

function f1(){
    console.log("这个函数就是命名函数");
}

(二).匿名函数：函数如果没有名字，就是匿名函数

function (){
    console.log("这个函数就是匿名函数");
}

​ 注意：匿名函数不能直接调用

(三).自调用函数：自己调用自己

​ 注意：这样函数不会冲突

(function(){console.log("这是函数的自调用");})();//这个函数就是函数自调用
//解释：
var f1 = function(){
    console.log("你好！");
};
f1();
//解释：f1里面存储的就是函数代码，通过f1加()的方式调用，没有f1变量的时候，直接在代码后面加上()就可以调用，叫函数的自调用

(四).回调函数：函数作为参数调用

//函数声明，fn是变量，fn是参数
function f1(fn){
    fn();//函数调用----说明fn这个变量中存储的是一个函数
}
function f2(){
    console.log("函数可以作为参数使用");
}
f1(f2);//调用f1,将f2作为参数传进去
//结果：函数可以作为参数使用

几个需要注意的问题：

★.函数名里面存储的就是函数代码

function f1(){
    console.log("这是一个函数");
}
console.log(f1);//打印出来的结果就是上面的函数代码
f1();//这是函数的调用

★.函数表达式：把匿名函数赋给一个变量

var f2 = function(){
    console.log("把匿名函数赋给一个变量");
}；
f2();//f2中存储的就是函数代码，用变量名加()就是函数调用
​
注意：函数表达式后面赋值结束后要加分号

★.函数的覆盖问题：如果函数名重复，下面的函数会自动覆盖上面的函数代码

function f1(){
    console.log("这是函数一");
}
function f1(){
    console.log("这是函数二");
}
f1();//此时打印的结果是：这是函数二
​

注意：
var f1 = function(){
    console.log("这是函数表达式1");
};
f1();//结果是：这是函数表达式1
​
f1 = function(){
    console.log("这是函数表达式2");
};
f1();//结果是：这是函数表达式2
f1();//结果是：这是函数表达式2
​
解释：因为这是函数表达式，所以第一次调用的时候是f1调用上面的代码，接下来又给变量f1重新赋值后，f1里面存储的就是后面的赋值结构果了

★.函数可以作为返回值

function f1(){
    return function(){
        console.log("这是被返回的函数");
    };
}
var f = f1();//f1函数的调用,此时f就是函数l
f();//调用函数，结果为：这是被返回的函数