JavaScript連載16-回調函數、作用域鏈條、預解析

一、回調函數

1.含義：如果你把函數的指針（地址）作為參數傳遞給另一個函數，當這個指針用來調用所指向的函數時，我們就說這是回調函數。

2.函數也是有類型的，下麵舉個回調函數以及函數的類型演示。

    function fn() {

​

    }

    console.log(typeof fn);

    console.log(Function.constructor);

​

    //回調函數

    function add(num1,num2){

        return num1+num2;

    }

    function sub(num1,num2) {

        return num1-num2;

    }

    function mul(num1,num2) {

        return num1*num2;

    }

    function div(num1,num2) {

        return num1/num2;

    }

    //計算器函數

    function cal(num1,num2,func) {

        return func(num1,num2);

    }

    //開始使用函數,回調函數竟然可把函數作為參數進行傳參

    var result = cal(12,5,add);

    console.log(result);

二、作用域鏈條

1.註意點：不使用var聲明的時全局變數，但是不推薦使用；變數退出作用域的時候會進行銷毀，全局變數關閉網頁或者瀏覽器的時候才會進行銷毀。

    function f(){

        var str = "厲害了";

        str2 = "haoba";

        console.log(str);

        console.log(str2);

    }

    f();

    console.log(str2);

    console.log(str);

2.作用域

​註意點：（1）只有函數可以製造作用域，那麼只要是代碼，就至少有一個作用域，即全局作用域​，凡是代碼中有函數，那麼這個函數就構成另一個作用域，如果函數中還有函數，那麼在這個作用域種又可以誕生一個作用域。

（2）不是以大括弧來劃分的​。

（3）其他語言中，​for迴圈內部的也是局部變數，但在JS中不是的。

    {

        var num4 = 24545;

    }

    console.log(num4);

​

    for(var i=0;i<4;i++){

        console.log(i);

    }

    console.log(i+789);

 

三、預解析

1.概念：JS代碼的執行是有關瀏覽器中的解析器來執行的，JS解析器執行JS代碼的時候，分為兩個過程：預解析過程和代碼執行過程。

2.預解析過程：把函數的聲明提升到當前作用域的最前面，只會提升聲明，不會提升調用。（實驗表明：預解析只會提升函數，不會提升變數​）

    console.log(a);

    var a;

    a = 878;

    var b = 23;

    console.log(b);

​

    console.log(f13);

    function f13() {

        console.log(g2);

        var g2 = 23;

    }

    f13();

    var f13 = 78;

    console.log(f13);

四、源碼：

D16_1_CallbackFunction.html

D16_2_ScopeChain.html

地址:

https://github.com/ruigege66/JavaScript/blob/master/D16_1_CallbackFunction.html

https://github.com/ruigege66/JavaScript/blob/master/D16_2_ScopeChain.html

2.CSDN：https://blog.csdn.net/weixin_44630050

3.博客園：https://www.cnblogs.com/ruigege0000/

4.歡迎關註微信公眾號：傅里葉變換，個人賬號，僅用於技術交流，後臺回覆“禮包”獲取Java大數據學習視頻禮包