call()和apply()的区别

来源:互联网 发布:es6 promise.js 编辑:程序博客网 时间:2024/05/01 00:52

网上的定义:
call方法:
语法:call(thisObj,Object)
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

apply方法:
语法:apply(thisObj,[argArray])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
call()和apply()函数都是function prototype出来的,所以具有function的方法和属性。

我的理解:
call()和apply()函数都是:调用一个对象的一个方法,然后用另一个对象替换当前对象。
而apply()和call()的区别只是传参的方法不同, apply()传的是数组;
通俗易懂的例子:

<script>    function A(a,b){        console.log(a+b);    }    function B(a,b) {        console.log(a-b);    }    A.call(B,3,5);//8  把A对象换成B,B执行A方法</script>

call()和apply()还可以改变this的指向

<script>function A() {    console.log(this);}    A();//window    A.call();//window    A.call("dlkjf");//String {0: "d", 1: "l", 2: "k", 3: "j", 4: "f", length: 5, [[PrimitiveValue]]: "dlkjf"}</script>

call()和apply()可以实现继承

<script>function Person(name) {    this.name = name;    this.showname = function () {        console.log(this.name);    }}    function Christal(name) {        Person.call(this,name);//把person运用到Christal上,Christal就有了Person的方法和属性    }    var person = new Christal("ChristalFuller");    person.showname();//ChristalFuller</script>
1 0