使用 javascript 模块模式变体时访问父对象

Question

您好，我正在使用此模块模式变体，我正在寻找访问父对象的最佳方法。我意识到无法知道对象有哪些父对象，因此我想在构造函数中包含一些上下文。我以为这会起作用，但事实并非如此，有什么想法吗？

$(document).ready(function(){ 

    var main = new Main();

});


function Main() {

    var one = 'hello';

    init();

    function init() {
        var data = new Data(this);
        var two = data.load();
        console.log(one+' '+two);
        data.output();
    }

}

function Data(context) {

    // public vars / methods

    var pub = {
        'load' : function() {
            return ('world');
        },
        'output' : function() {
            var one = context.one // <-- what should this be?
            var two = this.load();
            console.log (one+' '+two);
        }
    }

    return pub;

}

输出是：

hello world
undefined world

Answer 1

当您使用 new 运算符调用构造函数时，您基本上会执行类似

function Main(){
    var this = //magic new object
               //provided by the runtime

    //your code comes here

    return this;
    //because your Data function returns a value,
    // you never get to this line. Perhaps you should use
    // a regular non-constructor data() function instead?
}

当您使用 var 声明私有变量时它将只是一个普通变量而没有其他内容。如果您想向 this 添加内容，您需要明确地这样做，

this.one = 'hello';

但这还不是全部！ this 没有词法作用域，因此 init 函数会从外部获取与 this 无关的其他 this （这解释了你得到的undefined）。当您想在内部函数中使用 this 时，您需要采取解决方法，例如：

var that = this;

function init(){
    new Data(that);
}
init();

---

也就是说，仅通过您的示例，我不明白为什么您需要执行所有这些操作。我更喜欢仅在绝对必要时（当我想使用原型继承时）才使用构造函数（和 new）。在你的情况下，也许你可以采用“更少的面向对象”方法？

//main doesn't need to be a class
// this is not Java :)
function main(){

    //just a plain object for the 
    //context. Create a separate class
    //if you really need to...
    var context = {
        one: 'hello'
    };

    var data = new Data(context);
    var two = data.load();
    console.log(one+' '+two);
    data.output();
}