函數對象的內部方法call(), apply(), bind()

標籤：style   blog   http   io   ar   color   sp   on   div   

這三個函數都是指向函數本身的，call()和apply()的第一參數都是這個函數要執行的內容物件，之後的參數是這個函數執行要傳的參數，不同的地方時call是以枚舉的方式傳參，apply是以數組的形式傳參，當然也可以傳遞arguments對象。bind()是把該函數綁定到指定的context上下文執行環境中，簡單講就是把該函數的this對象指向傳到bind()中的參數context上，並返回一個函數執行個體。

簡單的寫個範例程式碼我們就可以瞭然了：

<script>    function sayHi(name,greeting){        var name = name||this.name,        greeting = greeting||this.greeting;        console.log("Hello "+name+","+greeting);    }         var name = "Terry",    greeting = "how are you?",    me = {name:"John",    greeting:"你好！"};        sayHi.call(this,name,greeting);    sayHi.call(this);    sayHi.apply(this,[name,greeting]);        sayHi.apply(me,[me.name,me.greeting]);    sayHi.call(me,me.name,me.greeting);    //bind()會返回函數執行個體，後面加()直接執行    sayHi.bind()();    sayHi.bind(me)();    </script>

 

 

 執行結果：

函數對象的內部方法call(), apply(), bind()