JS中的call()和apply()方法理解和使用-优快云博客

本文深入探讨了JavaScript中call和apply方法的使用，通过具体实例展示了如何利用这两个方法替换对象执行方法，以及如何传递参数。同时强调了理解JavaScript中函数作为对象的重要性和方法调用的灵活性。

1、方法定义call方法:

语法：obj.method.call(thisObj[,arg1[, arg2[, [,.argN]]]])
定义：调用对象(obj)的一个方法(method)，以另一个对象（thisObj）替换当前对象(obj)。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象(方法内的this的指向传入的thisObj) 。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

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

2、常用实例

function add(a,b) {
　　 alert(this);
    alert(a+b);
}

function sub(a,b){
　　alert(a-b);
}

add.call(sub,3,1);

这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4);

或者说sub对象来执行add方法 add的this执行

// 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。

var a = {
        myAlert : function(name) {
            alert(name + ':' + this.msg);
        }
    };
    
var b = {
        msg : 'yjdgis'
    };


a.myAlert.call(b, '云金地');
a.ayAlert.apply(b.['云金地']);//传递的参数以数组的形式传递

执行结果都为:云金地：yjdgis

转载于:https://www.cnblogs.com/awenge/p/4303556.html