javascript中call apply 的应用场景

网络编程 2024/10/3 佚名

3 1 2

在一些jQuery插件中经常看到类似 callback.call(xxx,xxx) 虽然看到书上有介绍说call和apply函数可以改变作用域，但还是无法非常透彻的理解改变作用域主要是为了解决什么问题，有没有替代方案，或者这2个函数主要为了解决什么问题，应用场景，何时使用最合适，每次读到这样的代码就晕了，一下子从线性阅读中跳出去了，感觉有点绕

call和apply的作用很简单，就是改变上下文，适用场景太多了，虽然有时候只是为了“美观”，下面几个是我常用的。

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();
});

以上所述就是本文的全部内容了，希望大家能够喜欢。

javascript,call,apply,应用场景

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“javascript中call apply 的应用场景”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年10月03日

2024年10月03日