提到bind方法,估計大家還會想到call方法、apply方法;它們都是Function對象內建的方法,它們的第一個參數都是用來更改調用方法中this的指向。需要注意的是bind 是返回新的函數,以便稍后調用;apply 、call 則是立即調用原函數 。而今天我們主要講解bind方法的理解與使用。
bind方法是EcmaScript5新增的方法,該方法在mdn上是這么介紹的:
bind()方法創建一個新的函數(稱為綁定函數), 當被調用時,將其this關鍵字設置為提供的值,在調用新函數時,在任何提供之前提供一個給定的參數序列。
語法:
fun.bind(thisArg[, arg1[, arg2[, …]]])
參數thisArg表示:當綁定函數被調用時,該參數會作為this的指向。當使用new 操作符調用綁定函數時,該參數無效。
參數arg1, arg2, …表示:當綁定函數被調用時,這些參數將置于實參之前傳遞給被綁定的方法。
先來看個例子:
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的應用
可以對一個函數預設初始參數:
function a(){return Array.prototype.slice.call(arguments);//將類數組轉換成真正的數組}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詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持!
新聞熱點
疑難解答
圖片精選