当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

javascript call和apply

发表于: 2015-11-13   作者:互联网   来源:转载   浏览:
摘要: 每个函数都包含两个非继承而来的方法:call和apply. 我们可以通过这两个方法来间接调用函数。可以这样: f.call(o); f.apply(o); //o对象间接调用了f函数 这与下面的功能相似: o.m = f; o.m(); delete o.m//删除临时方法 语法: fn.call(obj,arg1,arg2,arg3...)    

每个函数都包含两个非继承而来的方法:call和apply.

我们可以通过这两个方法来间接调用函数。可以这样:

f.call(o);

f.apply(o);

//o对象间接调用了f函数

这与下面的功能相似:

o.m = f;

o.m();

delete o.m//删除临时方法

语法:

fn.call(obj,arg1,arg2,arg3...)              fn.apply(obj,[arry]/arguments)      [apply中第二个参数可以使纯数组也可以是类数组]

在es5严格模式下,第一个参数都会变成this值;而在es3和非严格模式下,undefined和null被全局对象所代替,其他原始值则会被相应的包装的对象所替代。

 

“call和apply最强大的地方是能够扩充函数赖以运行的作用域”,很多博客文章中都是这样描述的,其实这种说法是错误的,绝对是错误的!所以我不用“误区”这个词语了。因为JS是静态词法作用域,是按照语法定义来确定作用域,它的作用域其实是无法扩充的,而this 是 context,可以改变 ,call和apply改变的是this,改变的是上下文!

下面是一个例子:

var name = "复读机",

    age = 25;

function say(){

    console.log("name : " + this.name);

    console.log("age : " + this.age);

}

var obj = {

    name : "bb机",

    age : 30

}

say(); //name : 复读机 age : 25 

say.call(obj);//name : bb机 age : 30 

如果我们不使用call方法,我们是怎么用obj调用say这个函数的呢

var name = "复读机",

    age = 25;

function say(){

    console.log("name : " + this.name);

    console.log("age : " + this.age);

}

var obj = {

    name : "bb机",

    age : 30

}

say(); //name : 复读机 age : 25 

obj.say = say;

obj.say();//name : bb机 age : 30

可以看出用call将会更方便!

 

或许我们使用过require框架中的require函数,觉得非常神奇!它可以将一个数组依次传入一个回调函数的参数中,其实它的模型非常简单!

下面是例子:

var noop = function(){};

function require(list,fn){

    fn.apply(noop,list);

}

require([1,2,3],function(a,b,c){

    console.log(a);

    console.log(b);

    console.log(c);

})

今天到此为止哈。。

 

javascript call和apply

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号