V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
chenpingan

JS 关于 this 指向的疑惑

  •  
  •   chenpingan · Oct 23, 2020 · 2235 views
    This topic created in 2015 days ago, the information mentioned may be changed or developed.

    //代码 var name = '行星飞行'; let obj = { name: '听风是风', fn: function () { console.log(this.name); } };

    function fn1(param) { param(); }; fn1(obj.fn);

    这个例子中我们将 obj.fn 也就是一个函数传递进 fn1 中执行,这里只是单纯传递了一个函数而已,this 并没有跟函数绑在一起,所以 this 丢失这里指向了 window 。

    上述是一篇文章中讲述的,我有点没搞清楚“this 并没有跟函数绑在一起,所以 this 丢失这里指向了 window”这句话到底表述了什么意思...

    3 replies    2020-11-05 10:43:04 +08:00
    Exceptionluo
        1
    Exceptionluo  
       Oct 23, 2020
    var name = "行星飞行";
    let obj = {
    name: "听风是风",
    fn: function () {
    console.log(this.name);
    //哪个对象调用该方法,this 即指向该对象
    },
    };

    function fn1(fn) {
    /*
    这里的 fn 只是个方法,同 function () {
    console.log(this.name);
    }
    该方法已经和 obj 对象没有关系了,所以最终的 this 就指向了兜底对象 window 对象,里面的 this 就是 window

    虽然 fn 在 fun1 里执行,但是 fn 不属于 fn1,这里只是借用的关系
    */
    fn();
    }
    fn1(obj.fn);
    chenpingan
        2
    chenpingan  
    OP
       Oct 23, 2020
    @Exceptionluo 我有点理解了,谢谢你
    rzWack
        3
    rzWack  
       Nov 5, 2020 via Android
    总结楼上:this 指向最后一次调用的对象。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2442 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 05:11 · PVG 13:11 · LAX 22:11 · JFK 01:11
    ♥ Do have faith in what you're doing.