js中this的指向

2021-04-16 02:40

阅读：494

标签：ret turn 赋值 var his 调用实例函数包含

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: "追梦子"}

js中this的指向

标签：ret turn 赋值 var his 调用实例函数包含

原文地址：https://www.cnblogs.com/fm060/p/12305818.html

上一篇：vscode下搭建vue.js开发环境（基于最新的@Vue/cli 4.2.2）

下一篇：C#.NET经典实例-带历史信息的菜单

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js中this的指向
文章链接：http://soscw.com/index.php/essay/76046.html

亲，登录后才可以留言！

js中this的指向

评论

热门文章

推荐文章

最新文章

置顶文章