javascript - 关于js this的问题

问题描述

问 题

function foo() {
        console.log(this.a);
    }

    function doFoo(fn) {
        fn();
    }

    var obj = {
        a: 2,
        foo: foo
    };

    var a = "oops,global";

    doFoo(obj.foo); //oops,global
    
    为什么会输出全局对象呢？obj怎么就丢失了他的绑定呢？

解决方案

obj.foo === foo;   //true
//如果传入doFoo的参数为函数，传递的是这个参数的引用

那么最后的执行代码类似于

doFoo(foo)；

this不是在函数声明定义的时候绑定的，而是在函数被调用执行的时候绑定的。

图片来源博客

---

function doFoo(fn) {
        fn();
        //调用doFoo后执行fn，这时候确定this指向,fn前面没有.调用符，所以指向window
    }

这篇关于javascript - 关于js this的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！