javascrpt之this指向问题

Posted 2020-10-13 循序渐进，不急不躁

一：就近原则，this指向当前调用上下文;    也可以理解为局部变量覆盖全局变量。     如：

 var foo = "foo";
   var myObject = {
       foo: ‘Hello World‘    
   };

   var sayHello = function(){
     console.log(this.foo);
   };

   myObject.sayHello = sayHello;   
   myObject.sayHello();        //   Hello World

   sayHello();                // foo      

 

二： 嵌套函数内部的this都失去方向，都指向了window对象

 

三：一个疑惑点，javascript中不是function也是对象吗？    为什么function里的this不会指向自己呢？　

　　this指向当前调用上下文！！！！！！！！！！！！　　　是谁调用它，让它执行的就指向谁！       自动执行函数，它的this还是指向它的宿主的。

       如何实现在嵌套层级中保证this的指向不变？

var myObject = {

      myProperty: "hello world",
      myMethod: function(){
          console.log(this);    //  调用这个方法它才会执行
          var that = this;      //  当前this指向 myObject       保留this的指向  
          var helperFunction = function(){     // 嵌套 此时this只想Window object
              console.log(this);
              console.log(that.myProperty);     //  hello world　　　 that的指向指向myObject    
          }()
      }
  };
  myObject.myMethod();


//  (function hello(){
//      alert(this);
//  })();

 

 

四.call  apply控制this的指向 

var myObject = {};
  var myFunction = function(param1,param2){
      this.foo = param1;     // this指向它的调用上下文
      this.bar = param2;
      console.log(this);    // myObject
  };
  myFunction.call(myObject,‘foo‘,‘bar‘)    // 与其说call改变了this的指向，不如说this始终指向它的调用上下文而已