call/apply以及this指向的理解

  javascript是面向对象的语言,Function也是一种对象,有自己的属性和方法。call和apply就是js函数自带方法,挂在Fucntion.prototype上。


  一般调用某函数时,直接“函数名(参数)”的写法即可,函数内部的this指向函数的调用者。

function add(a,b){
    console.log(this);
    return a b;
}
add(1,2)   // 默认window调用,this指向window

var math = {
    add:function(a,b){
        console.log(this);
        return a b;
    }
}
math.add(1,2)  // this指向math

  call和apply的作用是给函数重新指定调用者,指定this的指向:

var name = "WINDOW";
var someone = {
    name: "yource"
};

/** 一般写法 **/
function greet1(person) {
    var reply = "Hello, "   person.name;
    console.log(reply)
}

greet1(someone);  // Hello, yource

/** 使用call/apply **/
function greet2() {
    var reply = "Hello, "   this.name;
    console.log(reply)
}

greet2();  // Hello, WINDOW
greet2.call(someone);   // Hello, yource
greet2.apply(someone);  // Hello, yource

  call和apply的不同之处仅在于提供参数的方式:call使用一组参数列表,apply使用参数数组。

/*apply()方法*/
function.apply(thisObj[, argArray])

/*call()方法*/
function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);

  apply最多只能有两个参数:调用者thisObj和一个数组argArray。call可以接受多个参数,第一个参数与apply一样,后面则是一串参数列表。


更多专业前端知识,请上 【猿2048】www.mk2048.com
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值