js函数的四种调用形式以及this的指向

  1. 以函数的 形式调用
function fun(){

      alert(this == window);

}

fun();     //调用成功,this代表window
  • 以方法的形式调用
    var obj = {
        name = "hello",
        myfun = function(){
    
           console.log(this);     
        }
    
    }
    
    obj.myfun();  //this 指向obj
  • 以构造函数的形式调用时
function Person(name,age,gender){

    console.log(this.name);
}

var per1 = new Person("钢铁侠",20,"男"); //会打印出钢铁侠

var per2 = new Person("蜘蛛侠",18,"男"); //会打印出钢铁侠

  • 以call 和 apply 方式调用时:
  • var obj = {
        name : "钢铁侠",
    }
    
    var obj2 = {
        name : "钢铁侠",
    }
    
    function fun(){
        console.log(this.name);
    }
    
    fun.call(obj);//会打印出钢铁侠   this是指定的那个对象
    
    fun.apply(obj2); //会打印出蜘蛛侠

     

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值