this的指向问题

一、四种指向

1. 全局环境 -> window

2.对象环境 -> 对象

3. 构造函数环境 -> 实例对象

4. 事件对象 -> 调用者

总结:谁调用指向谁

二、两种改变指向的方式

1. call/apply 方式

2. 定义局部变量的方式:var that = this;

三、特例

1. 如果返回值是一个对象,那么this指向的就是那个返回的对象,如果返回值不是一个对象那么this还是指向函数的实例。

function fn()  
{  
    this.user = '追梦子';  
    return {};  // function(){}/[]/Date/Array
}
var a = new fn;  
console.log(a.user); //undefined

fn 里 return functio(){} 时,打印同样为 undefined

function fn()  
{  
    this.user = '追梦子';  
    return 1;  // 0/true/false/undefined/null/
}
var a = new fn;  
console.log(a.user); //追梦子

只要不是一个对象(引用类型),都会正常返回
注:虽然 null 也是对象,但是 null 是个特例

2. //Array[index](); 等同于数组对象直接打点调用函数

function foo(){
  console.log(this.length);
}
var arr = [foo,2,3,4];
arr[0](); //4

3.
setInterval(obj.fun,1000);obj.fun中的this一定指向window。因为setInterval(),setTimeout()相当于window.setInterval(),还是window调用

var a = 12;

var obj = {
  a : 1,

  fun : function(){

    console.log(this.a);

  }

}

setInterval(obj.fun, 1000);  // 12


setInterval(obj.fun(), 1000);  // 1  注:会停止定时任务,且运行后立即打印,不会等到1s后才执行打印

//让obj.fun中的this指向obj,需要写在function()中 
setInterval(function(){ 
  obj.fun();
},1000);  // 1




posted @ 2018-10-15 23:10  s_qiu  阅读(231)  评论(0编辑  收藏  举报