深入浅出 妙用Javascript中apply、call、bind

深入浅出 妙用Javascript中apply、call、bind

来源:coco1s 发布时间:2015-09-25 阅读次数:598

 apply、call 

  在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。

  JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。

  先来一个栗子:

1
2
3
4
5
6
7
8
9
10
11
function fruits() {}
  
fruits.prototype = {
    color: "red",
    say: function() {
        console.log("My color is " + this.color);
    }
}
  
var apple = new fruits;
apple.say();    //My color is red

  但是如果我们有一个对象banana= {color : "yellow"} ,我们不想对它重新定义 say 方法,那么我们可以通过 call 或 apply 用 apple 的 say 方法:

1
2
3
4
5
banana = {
    color: "yellow"
}
apple.say.call(banana);     //My color is yellow
apple.say.apply(banana);    //My color is yellow

  所以,可以看出 call 和 apply 是为了动态改变 this 而出现的,当一个 object 没有某个方法(本栗子中banana没有say方法),但是其他的有(本栗子中apple有say方法),我们可以借助call或apply用其它对象的方法来操作。

  apply、call 的区别

  对于 apply、call 二者而言,作用完全一样,只是接受参数的方式不太一样。例如,有一个函数定义如下:

1
2
3
var func = function(arg1, arg2) {
     
};

  就可以通过如下方式来调用:

<table border="0" cellpa
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页