javascript - 这个javascript代码是如何工作的？

Question

我知道调用 routes() 并分配给 x 会为其分配一个对象 fun。但是调用 x.getData() 它会返回 person。它如何返回 routes 函数本地的 person 对象？我对最后两行特别感兴趣。

var routes=function(){
    var person={
        fname:'Roger',
        lname:'Federer',
        city:'Paris'
    }

    var fun={
        getData:function(){
            return person
        }
    }

    return fun;

}

var x=routes();

console.log(x.getData());

Answer 1

这是关于 JS 闭包和词法作用域的:fun 对象内的函数 getData 可以访问 routes 对象的范围。 《你不懂JS》这本书里面有详细的解释。

https://github.com/getify/You-Dont-Know-JS/blob/master/scope%20&%20closures/ch5.md