成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

javascript中call(),apply().bind()方法的作用和異同

Near_Li / 3411人閱讀

摘要：原文章發(fā)表在的個人博客一細節(jié)中函數(shù)存在定義時上下文，運行時上下文上下文是可變的為改變某個函數(shù)運行時的上下文而存在的，換句話說，是為了改變函數(shù)內(nèi)部的指向沒有方法，但是有呀所以可以去把方法的運行時上下文也就是運行時的的指向，指向這個時候低啊用

原文章發(fā)表在 Klay-Clam的個人博客
一、細節(jié) 
javascript 中函數(shù)存在“定義時上下文”，“運行時上下文”


上下文是可變的
1. call()

call(),為改變某個函數(shù)運行時的上下文(context)而存在的，換句話說，是為了改變函數(shù)內(nèi)部的this指向.

// demo1
var sayKlay = {
    name :"Klay",
    say : function(){
        console.log(this.name);
    }
}
var sayClam = {
    name : "Clam" 
}
/* 
sayClam()沒有say方法，但是sayKlay()有呀
所以可以去把sayKlay.say()方法的運行時上下文
也就是運行時的this的指向，指向sayClam()
這個時候低啊用say()方法就可以sayClam了。
*/
sayKlay.say.call(sayClam); // Clam

// demo2
function a(xx) {         
    this.b = xx; 
} 
var o = {}; 
a.call(o, 5); 
console.log(a.b);    // undefined 
console.log(o.b);    // 5 
參考：MDN call()方法
2.apply() 
apply()與call()作用沒有區(qū)別，用法與call()方法稍有區(qū)別，就是call()的第二個參數(shù)(調(diào)用函數(shù)使用的參數(shù))，是一個一個傳入的；

而apply()的第二個參數(shù)的值是使用數(shù)組的形式傳入的

function add(a,b) {         
    this.sum = a + b; 
} 
var o = {}; 
add.call(o, 5,5);
console.log(o.sum);    // 10
add.apply(o,[3,5]);
console.log(o.sum);    // 8
參考 MDN apply()方法
3.bind()

bind()的作用其實與call()以及apply()都是一樣的，都是為了改變函數(shù)運行時的上下文，bind()與后面兩者的區(qū)別是，call()和apply()在調(diào)用函數(shù)之后會立即執(zhí)行，而bind()方法調(diào)用并改變函數(shù)運行時的上下文的之后，返回一個新的函數(shù)，在我們需要調(diào)用的地方去調(diào)用他。

// bind()方法并不會直接調(diào)用，只是改變了函數(shù)的上下文，并成為一個副本
var button = document.getElementById("button"),
    text = document.getElementById("text");
button.onclick = function() {
    alert(this.id); // 彈出text
}.bind(text);
// ie6-ie8不支持bind()方法，所以要用下面的方法去模擬bind()
if (!function() {}.bind) {
    Function.prototype.bind = function(context) {
        var self = this
            , args = Array.prototype.slice.call(arguments);
            
        return function() {
            return self.apply(context, args.slice(1));    
        }
    };
}
參考MDN bind()方法
二、總結

利用上面的call(),apply()和bind()方法，可以在代碼復用減少代碼的冗余上面有很大的幫助，以前編碼的過程中，的確是沒有很好的利用，希望在今后的編碼的過程中自己可以努力的去嘗試，去試錯。

enjoy~

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89095.html

相關文章

  • 可能遇到假的面試題：不用call和apply方法模擬實現(xiàn)ES5的bind方法

    摘要：來自朋友去某信用卡管家的做的一道面試題，用原生模擬的方法，不準用和方法。他們的用途相同，都是在特定的作用域中調(diào)用函數(shù)。不同之處在于，方法傳遞給調(diào)用函數(shù)的參數(shù)是逐個列出的，而則是要寫在數(shù)組中。 本文首發(fā)我的個人博客：前端小密圈，評論交流送1024邀請碼，嘿嘿嘿?。 來自朋友去某信用卡管家的做的一道面試題，用原生JavaScript模擬ES5的bind方法，不準用call和bind方法。 ...

    李世贊 評論0 收藏0

  • 可能遇到假的面試題：不用call和apply方法模擬實現(xiàn)ES5的bind方法

    摘要：來自朋友去某信用卡管家的做的一道面試題，用原生模擬的方法，不準用和方法。他們的用途相同，都是在特定的作用域中調(diào)用函數(shù)。不同之處在于，方法傳遞給調(diào)用函數(shù)的參數(shù)是逐個列出的，而則是要寫在數(shù)組中。 本文首發(fā)我的個人博客：前端小密圈，評論交流送1024邀請碼，嘿嘿嘿?。 來自朋友去某信用卡管家的做的一道面試題，用原生JavaScript模擬ES5的bind方法，不準用call和bind方法。 ...

    ConardLi 評論0 收藏0

  • JS中的call、apply、bind方法詳解

    摘要：不能應用下的等方法。首先我們可以通過給目標函數(shù)指定作用域來簡單實現(xiàn)方法保存，即調(diào)用方法的目標函數(shù)考慮到函數(shù)柯里化的情況，我們可以構建一個更加健壯的這次的方法可以綁定對象，也支持在綁定的時候傳參。原因是，在中，多次是無效的。 bind 是返回對應函數(shù)，便于稍后調(diào)用；apply 、call 則是立即調(diào)用 。 apply、call 在 javascript 中，call 和 apply 都是...

    zombieda 評論0 收藏0

  • JS基礎篇--call、apply、bind方法詳解

    摘要：首先我們可以通過給目標函數(shù)指定作用域來簡單實現(xiàn)方法保存，即調(diào)用方法的目標函數(shù)考慮到函數(shù)柯里化的情況，我們可以構建一個更加健壯的這次的方法可以綁定對象，也支持在綁定的時候傳參。原因是，在中，多次是無效的。而則會立即執(zhí)行函數(shù)。 bind 是返回對應函數(shù)，便于稍后調(diào)用；apply 、call 則是立即調(diào)用 。 apply、call 在 javascript 中，call 和 apply 都是...

    lastSeries 評論0 收藏0

發(fā)表評論

0條評論

Near_Li

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<