将这个this指向对象a function Fn(){this.user = "追梦子";}var a = new Fn
fucntion 谁挪用的就指向谁
情况1:如果一个函数中有this,但是它没有被上一级的东西所挪用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window
//被上级挪用,上级为window function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window } a(); //被上级挪用,上级为window function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window } window.a(); //被上级挪用,上级有user var o = { user:"追梦子", fn:function(){ console.log(this.user); //追梦子 } } o.fn();
情况2:如果一个函数中有this,这个函数有被上一级的东西所挪用,那么this指向的就是上一级的东西。
// 只寻找上一级,上级为o var o = { user:"追梦子", fn:function(){ console.log(this.user); //追梦子 } } window.o.fn(); // 只寻找上一级,上级为b var o = { a:10, b:{ a:12, fn:function(){ console.log(this.a); //12 } } } o.b.fn();
情况3:如果一个函数中有this,这个函数中包罗多个东西,尽管这个函数是被最外层的东西所挪用,this指向的也只是它上一级的东西,例子3可以证明,如果不相信,那么接下来我们继续看几个例子。
//上级为b,挪用时b中没有a var o = { a:10, b:{ // a:12, fn:function(){ console.log(this.a); //undefined } } } o.b.fn(); //赋值时没有挪用,this为window var o = { a:10, b:{ a:12, fn:function(){ console.log(this.a); //undefined console.log(this); //window } } } var j = o.b.fn; j();
情况4:结构函数版this:函数Fn里面的user是因为new关键字可以转变this的指向,将这个this指向东西a
function Fn(){ this.user = "追梦子"; } var a = new Fn(); console.log(a.user); //追梦子
情况5:当this碰到return时:如果返回值是一个东西,那么this指向的就是阿谁返回的东西,如果返回值不是一个东西那么this还是指向函数的实例
function fn() { this.user = ‘追梦子‘; return {}; } var a = new fn; console.log(a.user); //undefined function fn() { this.user = ‘追梦子‘; return undefined; } var a = new fn; console.log(a); //fn {user: "追梦子"}
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30161.html