修改函数内部this指向

概念

一般可以用apply，call，bind三个函数改变this指向

区别在于：

apply() 和 call() 是立刻调用的，而bind()返回的是一个函数；

apply() 和 call() 能调用函数，而bind()不能调用函数；

apply() 和 call() 传递的参数不一样，call传递参数arg1,arg2...形式，而apply参数必须以数组形式传递[arg]。

//f是一个函数
f.call(obj,arg1,arg2,...)
f.apply(obj,[arg1,arg2,...])
f.bind(obj,arg1,arg2,...)()

应用

call()一般用于继承；

apply()一般用于调用数组中的方法，如求数组中的最大值和最小值；

bind()用于想要改变this的值，但是又不想调用函数，如改变定时器内部的this指向。

//call()应用
        function animal(name,age){
            this.name = name;
            this.age = age;
        }
        function cat(name,age){
            animal.call(this,name,age);
        }
        console.log(new cat('ww',3).name);//ww

//apply()应用
        var arr = [1, 99, 45, 8, 30];
        var max = Math.max.apply(Math, arr);
        console.log(max);//99

//bind()应用
        var bt = document.querySelectorAll('button');
        for (var i = 0; i < bt.length; i++) {
            bt[i].onclick = function () {
                this.disabled = true;
                setTimeout(function () {
                    this.disabled = false;
                }.bind(this), 2000)
            }
        }