提到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ù)), 當被調(diào)用時,將其this關(guān)鍵字設置為提供的值,在調(diào)用新函數(shù)時,在任何提供之前提供一個給定的參數(shù)序列。
語法:
fun.bind(thisArg[, arg1[, arg2[, …]]])
參數(shù)thisArg表示:當綁定函數(shù)被調(diào)用時,該參數(shù)會作為this的指向。當使用new 操作符調(diào)用綁定函數(shù)時,該參數(shù)無效。
參數(shù)arg1, arg2, …表示:當綁定函數(shù)被調(diào)用時,這些參數(shù)將置于實參之前傳遞給被綁定的方法。
先來看個例子:
this.name="jack";var demo={name:"rose",getName:function(){return this.name;}}console.log(demo.getName());//輸出rose 這里的this指向demovar another=demo.getName;console.log(another())//輸出jack 這里的this指向全局對象 //運用bind方法更改this指向var another2=another.bind(demo);console.log(another2());//輸出rose 這里this指向了demo對象了bind的應用
可以對一個函數(shù)預設初始參數(shù):
function a(){return Array.prototype.slice.call(arguments);//將類數(shù)組轉(zhuǎn)換成真正的數(shù)組}var b=a.bind(this,15,20)alert(b());//彈出 15,20var s=b(25,30);alert(s);//彈出 15,20,25,30js bind的多次綁定只有第一次是有效的
var getname = function(){console.log(this.name)};var m = getname.bind({name:'q1'}).bind({name:'q2'});m();輸出的是q1
以上所述是小編給大家介紹的js中的bind詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網(wǎng)網(wǎng)站的支持!
新聞熱點
疑難解答