Function.prototype.bind用法示例
更新時(shí)間:2013年09月16日 10:16:45 作者:
想必大家對(duì)Function.prototype.bind并不陌生吧,下面為大家介紹下它的簡(jiǎn)單調(diào)用及DOM調(diào)用,感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
//ECMAScript 5 Function.prototype.bind函數(shù)兼容處理
(function(){
if ( !Function.prototype.bind ) { //function(){}.bind
Function.prototype.bind = function ( o, /*參數(shù)列表*/ ) {
var self = this, boundArgs = Array.prototype.slice.call(arguments, 0);
return function(){
var args = [], i;
for ( i = 1; i < boundArgs.length; i++ ) args.push(boundArgs[i]);
for ( i = 0; i < arguments.length; i++ ) args.push(arguments[i]);
return this.apply(o, args);
}
}
}
})();
用法示例:
1、簡(jiǎn)單調(diào)用示例
復(fù)制代碼 代碼如下:
/*example 1*/
function f1(y, z){ return this.x + y + z;}
//調(diào)用 1
var g1 = f1.bind({x:1}, 2); //this.x = 1; y = 2;
console.loog( g1(3) ); //this.x + y + 3 = 6;
//調(diào)用 2
var g2 = f1.bind({x:1}); //this.x = 1;
console.log( g2(2,3) ); //this.x + 2 + 3 = 6
/*example 2*/
var f2(x, y){ return x + y; }
//調(diào)用
var g3 = f2.bind(null, 1); //x = 1
console.log( g3(2) ); //x + 2 = 3
2、DOM調(diào)用示例
復(fù)制代碼 代碼如下:
var eleBtn = document.getElementById("button")
, eleText = document.getElementById("text");
eleBtn.onclick = function(color) {
color = color || "#003399";
this.style.color = color; //此時(shí)的this指向eleText
}.bind(eleText, "#cd0000");
您可能感興趣的文章:
- 讓IE8瀏覽器支持function.bind()方法
- ie支持function.bind()方法實(shí)現(xiàn)代碼
- javascript中的Function.prototye.bind
- 深入理解JS中的Function.prototype.bind()方法
- jQuery中的.bind()、.live()和.delegate()之間區(qū)別分析
- JQuery中綁定事件(bind())和移除事件(unbind())
- JQuery中Bind()事件用法分析
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- 淺談javascript中call()、apply()、bind()的用法
- 關(guān)于Function中的bind()示例詳解
相關(guān)文章
前端終止請(qǐng)求的3種方式總結(jié)(ajax、axios)
這篇文章主要給大家總結(jié)介紹了關(guān)于前端終止請(qǐng)求的3種方式,其中包括ajax、axios的相關(guān)資料, 取消請(qǐng)求在前端有時(shí)候會(huì)用到,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09Javascript 計(jì)算字符串在localStorage中所占字節(jié)數(shù)
本文給大家分享的是使用Javascript 計(jì)算字符串在localStorage中所占字節(jié)數(shù),分別對(duì)UTF-8和UTF-16兩種編碼進(jìn)行了詳細(xì)說(shuō)明,有需要的小伙伴可以參考下。2015-10-10JS實(shí)現(xiàn)光滑展開(kāi)合攏的菜單效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)光滑展開(kāi)合攏的菜單效果代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件遍歷并改變頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09解決layui中的form表單與button的點(diǎn)擊事件沖突問(wèn)題
今天小編就為大家分享一篇解決layui中的form表單與button的點(diǎn)擊事件沖突問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08JS作用域閉包、預(yù)解釋和this關(guān)鍵字綜合實(shí)例解析
這篇文章主要介紹了JS作用域閉包、預(yù)解釋和this關(guān)鍵字,結(jié)合實(shí)例形式分析了javascript作用域閉包、預(yù)解釋和this關(guān)鍵字在具體使用過(guò)程中的操作技巧與注意事項(xiàng),需要的朋友可以參考下2016-12-12JS實(shí)現(xiàn)的冒泡排序,快速排序,插入排序算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的冒泡排序,快速排序,插入排序算法,結(jié)合實(shí)例形式分析了javascript冒泡排序,快速排序,插入排序算法的相關(guān)原理及實(shí)現(xiàn)方法,需要的朋友可以參考下2019-03-03Three.js基礎(chǔ)學(xué)習(xí)之場(chǎng)景對(duì)象
這篇文章主要給大家介紹了Three.js基礎(chǔ)學(xué)習(xí)之場(chǎng)景對(duì)象的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起看看吧。2017-09-09