this详解

// 第一种情况
function a1() {
var user="a1";
console.log(this.user); //undefined
console.log(this); //window
}
a1();

// 第二种情况

var o1 = {
user:"o1",
fn:function(){
console.log(this.user); //ol
console.log(this); //this指向的是对象o
}
}
o1.fn();

var wo = {
user:"wo",
fn:function(){
console.log(this.user); //wo
console.log(this); //this指向的是对象wo
}
};
window.wo.fn();

// 第三种情况
var o2 = {
a:10,
b:{
a:12,
fn:function(){
console.log(this.a); //12
console.log(this); //this指向的是对象b
}
}
};
o2.b.fn();

// 特殊情况
var o3 = {
a:10,
b:{
a:12,
fn:function(){
console.log(this.a); //undefined
console.log(this); //this指向的是对象o3o
}
}
};
var o3o ={j:o3.b.fn};
o3o.j();

总结:
在this的操作中可以总结为三点+特殊存在;
函数中的this,
(1)未被上一级对象调用;指向window;
(2)被上一级调用,指向上一级对象。
(3)被包含在在多层的对象之内,就算是最外层调用,但是this也只是指向他的上一级对象。
(4)特殊情况:将包含在多层对象之内的函数,赋值给其他对象中的属性,那么最终执行的this指向是执行他的对象。

你可能感兴趣的:(this详解)