JavaScript——Call、Apply、Bind区别_综合

一、call的用法

1. 可以改变this指向

2. 调用函数

3. 参数传递 par1,par2,..

var object = {name:'LiLi'
}
function fn(x,y) {console.log(this);console.log(x+y);
}
fn.call(object,1,2);

二、apply的用法

1. 可以改变this指向

2. 调用函数

3. 参数传递 [ par1,par2,.. ] 数组形式

var object = {name:'LiLi'
}
function fn(x,y) {console.log(this);console.log(x+y);
}
fn.apply(object,[1,2]);
//常用于调用Math函数求数组最大值/最小值
var arr = [20,2,45,12,80];
console.log(Math.max.apply(null,arr));
console.log(Math.min.apply(null,arr));

三、bind的用法

1. 可以先改变this指向

2. 不立即执行函数

3. 参数传递 par1,par2,..

<body><button>点击</button><script>var btn = document.querySelector("button");btn.onclick = function() {this.disabled = true;setTimeout(function() {this.disabled = false;}.bind(this),3000)}</script>
</body>