码迷,mamicode.com
首页 > 编程语言 > 详细

javascrpt之this指向问题

时间:2017-11-04 19:40:47      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:str   一个   method   问题   crp   函数   div   如何   class   

一:就近原则,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始终指向它的调用上下文而已 

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

     

javascrpt之this指向问题

标签:str   一个   method   问题   crp   函数   div   如何   class   

原文地址:http://www.cnblogs.com/njqa/p/7783918.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!