Function.prototype.bind用法示例
更新時間：2013年09月16日 10:16:45 作者：
想必大家對Function.prototype.bind并不陌生吧，下面為大家介紹下它的簡單調(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、簡單調(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; //此時的this指向eleText
}.bind(eleText, "#cd0000");
您可能感興趣的文章:
- 讓IE8瀏覽器支持function.bind()方法
- ie支持function.bind()方法實現(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)文章
返回上一頁并自動刷新，JavaScript一般的使用history.go(-1)和history.back()等,需要的朋友可以參考下2014-02-02
javascript操作向表格中動態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細介紹了javascript操作向表格中動態(tài)加載數(shù)據(jù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
location.search在客戶端獲取Url參數(shù)的方法
最近一直在寫html，剛接觸到，感覺挺復(fù)雜的。。比如傳參，在.net里可以直接用Request接受，而在html中還要經(jīng)過處理，找了一些資料，寫了個方法。2010-06-06
詳解JavaScript如何實現(xiàn)一個簡易的Promise對象
Promise對象的作用將異步操作以同步操作的流程表達出來，避免層層嵌套的回調(diào)函數(shù)，而且Promise提供了統(tǒng)一的接口，使得控制異步操作更加容易。本文介紹了如何實現(xiàn)一個簡單的Promise對象，需要的可以參考一下2022-11-11
微信小程序中限制激勵式視頻廣告位顯示次數(shù)(實現(xiàn)思路)
本文給大家分享微信小程序中限制激勵式視頻廣告位顯示次數(shù)，本文通過實例代碼來說明，感興趣的朋友跟隨小編一起看看吧2019-12-12
這篇文章主要介紹了微信小程序動態(tài)添加和刪除組件的現(xiàn)實，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
關(guān)于Javascript中值得學(xué)習(xí)的特性總結(jié)
本文主要介紹了一些Javascript中值得學(xué)習(xí)的特性，可選鏈操作符，空值合并運算符，Promise.allSettled()，BigInt類型等特性，文中有詳細的代碼示例介紹這些特性，感興趣的可以參考下2023-05-05
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)日期格式化，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript中的alert()函數(shù)使用技巧詳解
這篇文章主要介紹了JavaScript中的alert()函數(shù)使用技巧詳解,本文講解了普通彈出、帶換行的文本、使用制表符、使用變量、使用樣式等選擇,需要的朋友可以參考下2014-12-12
javascript使用正則控制input輸入框允許輸入的值方法大全
在做項目的時候，我們經(jīng)常會遇到控制input輸入框允許輸入的值為數(shù)字，字母，漢字或者混排的情況，那么我們怎么來處理呢，下面我們就來探討怎么通過用javascript正則來實現(xiàn)2014-06-06