javascript中的call和apply方法

call和apply最常见的用途是用于改变函数内部的this指向,

var obj = {
    name : 'gao'
};​

var obj2 = {
    name : 'qiang'
};​

window.name = 'window';

var getName = function(){
    console.log(this.name);
};

getName();              //  输出window
    var getName = function(){
        //  this = window;
        console.log(this.name);
    };
getName.call(obj);      //  输出gao
    var getName = function(){
        //  this = obj;
        console.log(this.name);
    };
getName.apply(obj2);    //  输出qiang
    var getName = function(){
        //  this = obj2;
        console.log(this.name);
    };

在实际的开发中,我们经常会遇到this指向被不经意改变的场景,例如:

document.getElementById('div1').onclick = function(){
    console.log(this.id);  //  输出div1
};

但是如果在事件处理函数中还有一个内部函数,这个内部函数里面的this会指向window
document.getElementById('div1').onclick = function(){
    console.log(this.id);  //  输出div1

    var func = function(){
        //  这里的this已经是window了
        console.log(this.id);  //  输出undefined
    };

    func();
    //  下面用apply来救援
    func.apply(this);  // 将事件处理函数里面的this传入func函数,因为在事件处理函数的作用域里面,this还是指向div节点的
};

使用了apply,函数里面的this就被修复为div了

利用apply来实现继承

B对象继承A对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值