Function.prototype.bind用法示例

更新時(shí)間：2013年09月16日 10:16:45 作者：

想必大家對(duì)Function.prototype.bind并不陌生吧，下面為大家介紹下它的簡單調(diào)用及DOM調(diào)用，感興趣的朋友可以參考下

 
//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; //此時(shí)的this指向eleText 
}.bind(eleText, "#cd0000"); 

您可能感興趣的文章:

相關(guān)文章

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