淺談js中的bind
提到bind方法，估計大家還會想到call方法、apply方法；它們都是Function對象內(nèi)建的方法，它們的第一個參數(shù)都是用來更改調(diào)用方法中this的指向。需要注意的是bind 是返回新的函數(shù)，以便稍后調(diào)用；apply 、call 則是立即調(diào)用原函數(shù) 。而今天我們主要講解bind方法的理解與使用。
bind方法是EcmaScript5新增的方法，該方法在mdn上是這么介紹的：
bind()方法創(chuàng)建一個新的函數(shù)（稱為綁定函數(shù)）, 當(dāng)被調(diào)用時，將其this關(guān)鍵字設(shè)置為提供的值，在調(diào)用新函數(shù)時，在任何提供之前提供一個給定的參數(shù)序列。
語法：
fun.bind(thisArg[, arg1[, arg2[, …]]])
參數(shù)thisArg表示：當(dāng)綁定函數(shù)被調(diào)用時，該參數(shù)會作為this的指向。當(dāng)使用new 操作符調(diào)用綁定函數(shù)時，該參數(shù)無效。
參數(shù)arg1, arg2, …表示：當(dāng)綁定函數(shù)被調(diào)用時，這些參數(shù)將置于實參之前傳遞給被綁定的方法。
先來看個例子：
this.name="jack";
var demo={
name:"rose",
getName:function(){return this.name;}
}
console.log(demo.getName());//輸出rose 這里的this指向demo
var another=demo.getName;
console.log(another())//輸出jack 這里的this指向全局對象
//運用bind方法更改this指向
var another2=another.bind(demo);
console.log(another2());//輸出rose 這里this指向了demo對象了
bind的應(yīng)用
可以對一個函數(shù)預(yù)設(shè)初始參數(shù)：
function a(){
return Array.prototype.slice.call(arguments);//將類數(shù)組轉(zhuǎn)換成真正的數(shù)組
}
var b=a.bind(this,15,20)
alert(b());//彈出 15，20
var s=b(25,30);
alert(s);//彈出 15，20，25，30
js bind的多次綁定只有第一次是有效的
var getname = function(){console.log(this.name)};
var m = getname.bind({name:'q1'}).bind({name:'q2'});
m();
輸出的是q1
以上所述是小編給大家介紹的js中的bind詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript中操作字符串之localeCompare()方法的使用
這篇文章主要介紹了JavaScript中操作字符串之localeCompare()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了javascript正則表達(dá)式總結(jié),都是些常用的表達(dá)式，這里分享給大家，希望大家能夠喜歡2016-02-02
JS數(shù)學(xué)函數(shù)Exp使用說明2012-08-08
下面小編就為大家?guī)硪黄缬蛘埱蟮耐昝澜鉀Q方法(JSONP, CORS)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript數(shù)據(jù)結(jié)構(gòu)和算法之二叉樹詳解
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)和算法之二叉樹詳解,本文講解了二叉樹的概念、二叉樹的特點、二叉樹節(jié)點的定義、查找最大和最小值等內(nèi)容,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了詳解JavaScript ES6中的模板字符串,JS的ES6版本帶來諸多簡潔化方面的重大改進(jìn),需要的朋友可以參考下2015-07-07
這篇文章主要介紹了用JavaScript實現(xiàn)頁面重定向功能的教程,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Javascript學(xué)習(xí)筆記之函數(shù)篇（四）:arguments 對象
JavaScript中arguments函數(shù)對象是該對象代表正在執(zhí)行的函數(shù)和調(diào)用它的函數(shù)的參數(shù)。JavaScript 函數(shù)中 arguments 為特殊對象,無需明確指出參數(shù)名,就能訪問它們。2014-11-11
js判斷瀏覽器的比較全的代碼...2007-02-02
BOM是瀏覽器的窗口對象，提供了很多窗口處理的API。在webapp框架越來越多的情況下，需要我們在同一窗口處理不同頁面、不同的ajax數(shù)據(jù)，則需要我們熟悉BOM的內(nèi)容。2016-05-05