<script>
// apple()
var o = {
name: 'andy'
};
function fn(arr) {
console.log(this);
// console.log(arr); // pink
}
// fn.apply(); // Window
// 1 调用函数 2 可以改变this 指向
// 3 但是他的参数必须是数组(伪数组)
// fn.apply(o); //{name: "andy"}
// fn.apply(o, ['pink']);
// apply 的主要应用 借助于数学内置对象求最大值
// Math.max();
var arr = [1, 66, 3, 99, 4];
// null 表示 不需要 改变this指向
// var max = Math.max.apply(null, arr);
var max = Math.max.apply(Math, arr);
var min = Math.min.apply(Math, arr);
console.log(max); // 99
console.log(min); // 1
</script>
<button>按钮点击</button>
<script>
// apple()
var o = {
name: 'andy'
};
function fn(a, b) {
console.log(this);
console.log(a + b); // 3
}
var f = fn.bind(o, 1, 2);
f();
// 1 不会调用原来的函数 可以改变原来函数内部的this 指向
// 2 返回的是原函数改变 this之后产生的新函数
// 3 如果有的函数不需要立即调用 但是又想改变这个函数内部的 this 指向此时 用bind
// 案例需求 4 有一个按钮 当点击了之后 就禁用这个按钮,3秒后 开启这个按钮
var btn = document.querySelector('button');
btn.addEventListener('click', function() {
this.disabled = true;
setTimeout(function() {
this.disabled = false;
}.bind(this), 3000); // 这个this 指向的是 btn 这个对象
})
</script>