面试题 关于this的指向问题

阅读下面程序给出结果:

    <script>
    var  length= 10;
   function fn(){
       console.log(this.length);
   }
   var  obj ={
       length:5,
       method:function(fn ){
           fn();//函数调用的方式  this指向的是window 
           fn.call(obj);  //对象.方法  属于方法调用  this指向的是对象  相当于:obj.fn()
           arguments[0]();  // 方法调用: argument[0]() ==> fn() ;this指向的是argument =>arguments.length  
       }
   };
   obj.method(fn);  // 10 5 1

    </script>

总结:

This指向如何分析

  1. 分析this是属于哪个函数
  2. 这个函数调用模式是哪一种

函数调用模式:

  1. 函数调用模式:函数名()==>> window
  2. 方法调用模式:对象.方法()==>> 调用方法的对象(obj.fn() / obj[“fn”]() ).[注意啊:以后看见点语法、中括号语法,就是属于方法调用的模式,例如:arr[0]( )==>arr.0()指向的是arr]
  3. 构造函数模式==>>指向实例对象
  4.  上下文模式/借用模式 (call/apply):this指向是动态的
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值