javascript中call apply 的应用场景
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.
在一些jQuery插件中经常看到类似 callback.call(xxx,xxx) 虽然看到书上有介绍 说call和apply函数可以改变作用域，但还是无法非常透彻的理解改变作用域主要是为了解决什么问题，有没有替代方案，或者 这2个函数主要为了解决什么问题，应用场景，何时使用最合适，每次读到这样的代码就晕了，一下子从线性阅读中跳出去了，感觉有点绕
call和apply的作用很简单，就是改变上下文，适用场景太多了，虽然有时候只是为了“美观”，狼蚁网站SEO优化几个是我常用的。
1.
代码如下:
Object.prototype.toString.call(Obj)
用来判断 Obj 的类型
arguments 虽然和Array 很像，但是他没有Array的push之类的方法，怎么办？
Array.prototype.push.call(arguments)
3.Javascript 没有私有方法的概念，想用闭包实现
(function () {
var Person = function () {
this.doSomeThing = function () {
_privateFunction.call(this);
}
}
var _privateFunction = function () {
}
window.Person = Person;
}).call(window);
差不多就是这个意思，callback的时候，当你希望你的callback中的上下文是当前上下文的时候，也可以用call或者apply，有什么好处呢？
这个时候你的callback 里面的this 就是指代当前上下文。例如一个类Person，然后他的方法 say 有一个callback的参数，如果这个callback是通过普通的括号来执行的话，那在这个callback里面执行person的其它方法还需要用person.other 来实现，但是切换上下文之后，就是this.other搞定~代码对比如下：
var Person = function(){
};
Person.prototype.say = function(callback){
callback();
};
Person.prototype.other = function(){
};
var vincent = new Person();
vincent.say(function(){
vincent.other();
});
用了call的：
var Person = function(){
};
Person.prototype.say = function(callback){
callback.call(this);
};
Person.prototype.other = function(){
};
var vincent = new Person();
vincent.say(function(){
this.other();
});
以上所述就是本文的全部内容了，希望大家能够喜欢。