Web/03-JavaScript(二)/07-call、apply、bind的区别.md
2018-03-15 23:14:46 +08:00

2.7 KiB
Raw Blame History

call()和apply()

这两个方法都是函数对象的方法,需要通过函数对象来调用。

当函数调用call()和apply()时,函数都会立即执行

  • 都是用来改变函数的this对象的指向的。

  • 第一个参数都是this要指向的对象函数执行时this将指向这个对象

  • 都可以利用后续参数传实参。

call()和apply()的区别:

  • call()方法可以将实参在对象之后依次传递。

  • apply()方法需要将实参封装到一个数组中统一传递。

比如针对下面这样的代码:

    var persion1 = {
        name: "小王",
        gender: "男",
        age: 24,
        say: function (school, grade) {
            alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade);
        }
    }
    var person2 = {
        name: "小红",
        gender: "女",
        age: 18
    }

如果是通过call的参数进行传参是这样的

	persion1.say.call(persion2, "实验小学", "六年级");

如果是通过apply的参数进行传参是这样的

	persion1.say.apply(persion2, ["实验小学", "六年级"]);

看到区别了吗call后面的实参与say方法中是一一对应的而apply传实参时要封装成一个数组数组中的元素是和say方法中一一对应的这就是两者最大的区别。

this的情况【非常重要】

  • 1.以函数形式调用时this永远都是window

  • 2.以方法的形式调用时this是调用方法的对象

  • 3.以构造函数的形式调用时this是新创建的对象

  • 4.使用call和apply调用时this是指定的对象

call()和apply()的作用

  • 改变this的指向

  • 实现继承。Father.call(this)

参数的传递

1、使用call的时候thisObj不传或者为null、undefined时函数中的this会指向window对象。

2、传递一个别的函数名时函数中的this将指向这个函数的引用

3、传递的值为数字、布尔值、字符串this会指向这些基本类型的包装对象Number、Boolean、String。

4、传递一个对象函数中的this则指向传递的这个对象。

bind()

call和apply都是对函数的直接调用而bind方法返回的仍然是一个函数因此后面还需要()来进行调用才可以。

bind与call和apply的不同点在于call或apply会自动执行对应的函数bind不会执行对应的函数。

推荐链接:

参考链接: