函数的四种调用模式

分析this指向

1.任何函数都有属于自己的this
2.this是动态的,灵活的,需要进行分析
3. 只有当函数在调用的时候才可以知道this的指向
也就是说函数声明定义的时候,this指向是不明确的
分析this指向的套路:
1.看这个this是属于哪个函数
2.看这个函数是如何调用的(调用模式就决定this指向)

函数的四种调用模式

1.函数调用模式

  function fn(){
   
              console.log(this);//==>指向了window
               }
              fn();//函数名(),属于函数调用模式,函数内的this指向window

2.构造函数调用模式

function Person(){
   
        console.log(this);//==>指向了实例对象
                 }
        var p =new Person();//new构造函数()属于构造函数调用模式,
                           //构造函数内的this指向了新创建的实例对象
                                

3.方法调用模式

对象里面的函数,叫方法

var obj ={
   
               fn: function(){
   
                console.log(this);
               }
               }
               obj.fn();//对象.方法名()属于方法调用模式,方法内的this指向调用方法的那个对象
                       //简记:谁调用,this指向谁 
               obj.fn();
               //不管是点语法还是[]语法都是属于方法调用模式       
               obj["fn"]();

               obj[fn]();//error,fn没有加引号,表示变量
                
                 //测试题
                   function fn1(){
   
                   console.log(this);
                   }
                   var arr =[fn1,10,20];//本质上还是对象
                   //[]语法，属于方法调用模式，fn1内的this指向了arr
                   //核心点:怎么写就怎么分析模式
                   arr[0]();

4.上下文调用模式

webapi阶段-this

1. 事件处理函数中的this指向了触发事件的当前元素（事件源）
2. 定时器函数内的this指向了window

==>可以自己去指定this指向
学习 call apply bind三个方法
这三个方法是Fuction，prototype原型上
所有函数可以去使用call apply bind方法

console.dir