Question

在对如何使用javascript编写模块化/命名空间进行了一些研究之后，我发现以下内容可能是关于如何封装函数/对象的一个好主意：

var MODULE = (function (parent) {
    var OB = parent;
    var TH = this;

    parent.num = 10;

    // method 1 - works ok, because we use normal function, "this" works as expected, returns 11
    parent.oneMore = function () { 
        return this.num + 1;
    };

    // method 2 - works ok, returns 12
    parent.twoMore = () => { return parent.num + 2;};

    // method 3 - works ok, returns 13
    parent.threeMore = () => OB.num + 3;

    // method 4 - does not work, returns NaN
    parent.fourMore = () => TH.num + 4;        

    // adding a property/method - which way would be better?
    parent.n1 = 100;        
    OB.n2     = 200;        
    this.n3   = 300; // non-sense       
    TH.n4     = 400; // also non-sense


    return parent;
}(MODULE || {}));


(function (m) {
    console.log(m.oneMore());
    console.log(m.twoMore());
    console.log(m.threeMore());
    console.log(m.fourMore());

    console.log(m.n1);
    console.log(m.n2);
    console.log(m.n3);
    console.log(m.n4);
})(MODULE);

现在，检查功能twoMore()。使用数组函数时，我们知道不能直接使用this。

因此，我决定使用OB，其中OB = parent。

我的问题：直接使用parent或OB有什么区别？ parent到底代表什么？

此外，如何声明属性和方法？使用parent.prop = 1;或OB.prop = 1;还是其他方式？

在模块/命名空间和箭头功能中了解这一点

0 个答案: