this关键字如何在JavaScript中使用

this关键字如何在JavaScript中使用？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

例1：

function a(){   var user = "yao";   console.log(this.user);//undefined   console.log(this);//window } a();

等价于：

function a(){   var user = "yao";   console.log(this.user);//undefined   console.log(this);//window } window.a();

this指向的是window。

例2：

var o = {   user:"yao",   fn:function () {     console.log(this.user);//yao   } } o.fn();

this指向的是o。

例3：

var o = {   user:"yao",   fn:function () {     console.log(this.user);//yao   } } window.o.fn();

this指向的是o。

var o = {   a:10,   b:{     a:12,     fn:function () {       console.log(this.a);//12     }   } } o.b.fn();

this指向的是b。

例4：

var o = {   a:10,   b:{     a:12,     fn:function () {       console.log(this.a);//undefined       console.log(this);//window     }   } }; var j = o.b.fn; j();

综上所述：

this的指向永远是最终调用它的对象。

当this遇上函数的return：

例5：

function fn(){   this.user = "yao";   return {}; } var a = new fn; console.log(a.user);//undefined

例6：

function fn(){   this.user = "yao";   return function(){}; } var a = new fn; console.log(a.user);//undefined

例7：

function fn(){   this.user = "yao";   return 1; } var a = new fn; console.log(a.user);//yao

例8：

function fn(){   this.user = "yao";   return undefined; } var a = new fn; console.log(a.user);//yao

this指向的是函数返回的那个对象。

function fn(){   this.user = "yao";   return null; } var a = new fn; console.log(a.user);//yao

关于this关键字如何在JavaScript中使用问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。