javascript笔记---改变函数内部this指向call(),apply(),bind()方法

call()

call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向。
fun.call(thisArg, arg1, arg2, ...)

1,thisArg：在 fun 函数运行时指定的 this 值
2,arg1，arg2：传递的其他参数
3, 返回值就是函数的返回值，因为它就是调用函数
4, 因此当我们想改变 this 指向，同时想调用这个函数的时候，可以使用 call，比如继承

var o = {
            name: "andy",
        }
        function fn(a, b) {
            // this.name=name;
            console.log(this);
            console.log(a + b);
        }
        // call第一可以调用函数,也可以改变函数的this指向
        //将fn函数中的this指向o这个对象,
        fn.call(o, 1, 2);

输出:

call来继承

   function Father(name, id) {
            this.name = name;
            this.id = id;
        }
        function Son(name, id) {
            // 这里是this指向Son,所以意思是将Fathe的this指向改成指向Son的
            Father.call(this, name, id)
        }
        var son = new Son("刘德华", 18);
        console.log(son);

输出:

apply()

fun.apply(thisArg, [argsArray])

1, thisArg：在fun函数运行时指定的 this 值
2,argsArray：传递的值，必须包含在数组里面
3,返回值就是函数的返回值，因为它就是调用函数
4,因此 apply 主要跟数组有关系,比如使用 Math.max() 求数组的最大值

 var e = {
            id: 2,
        }
        function fathe() {
            console.log(this);
        }
        //apply可以直接调用函数,也可以改变函数里面this的指向
        fathe.apply();
        fathe.apply(e);

输出:

apply()通过内置数学函数对象求最大值

var ar = [2, 98, 20, 53];
        console.log(Math.max.apply(Math, ar));
        console.log(Math.min.apply(Math, ar));
        console.log(Math.max(...ar));
        console.log(Math.min(...ar));

输出:

bind()

fun.bind(thisArg, arg1, arg2, ...

1,thisArg：在 fun 函数运行时指定的 this 值
2,arg1，arg2：传递的其他参数
3,返回由指定的 this 值和初始化参数改造的原函数拷贝
4,因此当我们只是想改变 this 指向，并且不想调用这个函数的时候，可以使用 bind

var ab={
            name:"andy",
        }
        function fn(a,b){
            console.log(this);
            console.log(a+b);
        }
        //bind不会直接调用函数,而是返回一个改变了this的新函数
       var f= fn.bind(ab,2,3);
       f();

输出: