改变函数内部指向---call、apply、bind方法及应用笔记

call、apply、bind方法及应用笔记

（黑马课程笔记  黑马官网：http://www.itheima.com/special/brandzly/index.html?jingjiahmpz-pz-pc-biaoti）

1.call

作用：

1. 调用方法
2. 改变this指向

 var o = {
            name: 'andy'
        }

        function fn() {
            console.log(this);
        };
        fn.call(o, 1, 2); //此时指向o


        function Father(uname, age, sex) {
            this.uname = uname,
                this.age = age,
                this.sex = sex
        }

        function Son(uname, age, sex) {
            Father.call(this, uname, age, sex);
        }
        var son = new Son('刘德华', 14, '男');
        console.log(son);

2.apply方法   

fun.apply(thisArg,{argsArray})

• thisArg:在fun函数运行时指定的this值
• argsArray：传递的值，必须包含在数组里面
• 返回的就是函数的返回值

     //2.apply（） 应用
        var o = {
            name: 'andy'
        };

        function fn(arr) {
            console.log(this);
            console.log(arr);
        }
        //apply 1.调用函数 2.改变函数this指向  
        //2.传递参数必须是数组形式的（伪数组）
        //3.apply主要应用 比如说可以用 apply借助于数学内置对象求最大值
        var arr = [1, 66, 3, 99, 4];
        var maxNum = Math.max.apply(Math, arr);
        var minNum = Math.min.apply(Math, arr);
        console.log(minNum);
        console.log(maxNum);
        fn.apply(o, ['pink']); 

3.bind（）方法

 var btn = document.querySelector('button');
        //2.bind() 应用

        //1.不会调用原来的函数   2.可以改变原来函数内部的this指向
        //3.返回的是原函数改变this之后产生的新函数
        //4.有时候函数不需要立即调用又想改变函数的内部this指向，用bind
        //5.有一个憨牛，在我们点击了之后，禁用这个按钮3秒之后开启
        var o = {
            name: 'andy'
        };

        function fn(a, b) {
            console.log(this);
            console.log(a + b);
        }
        var f = fn.bind(o, 1, 2);
        f();
        btn.addEventListener('click', function() {
            this.disabled = true;
            // var that = this;
            setTimeout(function() {
                // this.disabled = false;//定时器里的this指向的是window，所以不会执行
                this.disabled = false;
            }.bind(this), 2000)
        })

总结：

call apply bind总结

相同点：

都可以改变内部的this指向

不同点：

1. call和apply都会调用函数， 并改变函数内部的this指向
2. call和apply传递的参数不一样，call传递参数aru1,aru2...形式，apply必须是数组形式
3. bind不会直接调用函数，会改变this的指向

应用场景：

1. call：用作继承
2. apply：在数组中应用，比如借助Math对象实现数组最大值和最小值
3. bind 不调用函数，但还想改变this指向，比如改变定时器内部的this指向