欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript中bind函數(shù)的作用實(shí)例介紹

 更新時(shí)間:2014年09月28日 17:45:32   投稿:whsnow  
bind()的方法在ie,6,7,8中不適用,需要擴(kuò)展通過(guò)擴(kuò)展Function prototype可以實(shí)現(xiàn)此方法,下面為大家介紹下javascript中bind函數(shù)的作用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
button {background-color:#0f0;}
</style>
</head>
<body>
<button id="button"> 按鈕 </button>
<input type="text">
<script>
var button = document.getElementById("button");
button.onclick = function() {
alert(this.id); // 彈出button
};
//可以看出上下文的this 為button
</script>
</body>
</html>

此時(shí)加入bind

復(fù)制代碼 代碼如下:

 var text = document.getElementById("text");
 var button = document.getElementById("button");
 button.onclick = function() {
 alert(this.id); // 彈出button
 }.bind(text);
 //可以看出上下文的this 為button

此時(shí)會(huì)發(fā)現(xiàn)this改變?yōu)閠ext

函數(shù)字面量里也適用,目的是保持上下指向(this)不變。

var obj = {
color: "#ccc", 
element: document.getElementById('text'),
events: function() {
document.getElementById("button").addEventListener("click", function(e) {
console.log(this);
this.element.style.color = this.color;
}.bind(this))
return this;
},
init: function() {
this.events();
}
};
obj.init();

此時(shí)點(diǎn)擊按鈕text里的字會(huì)變色??梢?jiàn)this不為button而是obj。

bind()的方法在ie,6,7,8中不適用,需要擴(kuò)展通過(guò)擴(kuò)展Function prototype可以實(shí)現(xiàn)此方法。

if (!Function.prototype.bind) {

Function.prototype.bind = function(obj) {
var slice = [].slice, args = slice.call(arguments, 1), self = this, nop = function() {
}, bound = function() {
return self.apply(this instanceof nop ? this : (obj || {}),
args.concat(slice.call(arguments)));
};

nop.prototype = self.prototype;

bound.prototype = new nop();

return bound;
};
}

此時(shí)可以看到ie6,7,8中也支持bind()。

復(fù)制代碼 代碼如下:

slice = Array.prototype.slice,



array = Array.prototype.slice.call( array, 0 );

將類似數(shù)組轉(zhuǎn)換為數(shù)組

相關(guān)文章

最新評(píng)論