1. 程式人生 > >js學習總結----call和apply和bind的區別

js學習總結----call和apply和bind的區別

style 效果 兩個 是我 define 學習 處理 blog call()

apply和call的方法是一模一樣的,都是用來改變方法的this關鍵字,並且把方法執行:而且在嚴格模式和非嚴格模式下對於第一個參數是null/undefined這種情況的規律是一樣的;

bind:這個方法在IE6-8下不兼容 ->和call和apply類似都是用來改變this關鍵字的

‘use strict‘ //告訴當前瀏覽器接下來的js代碼將按照嚴格模式進行編寫
        var obj = {name:‘張三‘}
        function fn(num1,num2){
            console.log(num1+num2);
            console.log(
this) } fn(100,200);//this ->window num1=100 num2=200 fn.call(100,200);// this->100 num1 = 200 num2=undefined NaN fn.call(obj,100,200)//this->obj call在給fn傳遞參數的時候,是一個個傳遞值的,而apply不是一個個傳,而是把要傳遞的參數值放在一個數組中進行操作。但是也相當於一個個的給fn的形參賦值 fn.apply(obj,[100,200]);// //預處理:事先把fn的this改變為我們想要的結果,並且把對應的參數值也準備好,以後要用到了,直接的執行即可。bind這裏實現了預處理的效果
var tempFn = fn.bind(obj,100,200);//只是改變了fn中的this為obj,並且給fn傳遞了兩個參數值100和200,但此時並沒有把fn這個函數執行,執行bind會有一個返回值,這個返回值tempFn就是我們把fn的this改變後的那個結果 tempFn(); fn.call();//this->window 在嚴格模式下this->undefined fn.call(null);//this->window 在嚴格模式下this->null fn.call(undefined)//this->window 在嚴格模式下this->undefined

js學習總結----call和apply和bind的區別