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指向是执行他的对象。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,385评论 2 17
  • 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上...
    web蜗牛阅读 3,624评论 1 4
  • 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上...
    Mr__王阅读 4,010评论 0 3
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,389评论 1 10
  • 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁...
    马里奥Joseph阅读 2,675评论 0 3