JS模板方法模式中`this`的含义

Question

为什么标记的行找不到protectedACMember？

var Module = (function (ns) {

    function AbstractClass() {
        this.protectedACMember = "abstract";

        this.abstractPublicACMethod = function (input) {
            this.methodToImplement();                   
        }
    }

    ConcreteClass.prototype = new AbstractClass();
    function ConcreteClass(){
        var privateCCMember = "private CC";

        var privateCCMethod = function(){
            alert(this.protectedACMember); // cant find protectedACMember
        }

        this.methodToImplement = function(){ 
            privateCCMethod();
            console.log('Implemented method '); 
        }

    }

    ns.ConcreteClass = ConcreteClass;   

    return ns;

})(Module || {});

//somewhere later
var cc = new Module.ConcreteClass();
cc.abstractPublicACMethod();

有模拟私有、受保护和公共成员的好模式吗？静态/非静态也是？

Answer 1

你应该像这样改变那部分代码：

    var self = this;
    var privateCCMethod = function(){
        alert(self.protectedACMember); // this -> self
    }

这样你就可以在闭包中获得引用。

原因是，“this”是一个保留字，它的值是由解释器设置的。您的 privateCCMethod 是一个匿名函数，而不是对象属性，因此如果您仅通过 privateCCMethod() 语法调用它，这将为空。 如果您希望“this”绑定到特定的东西，您可以随时使用 .call 语法，如下所示：

privateCCMethod.call(this)

Answer 2

确保this 表示您想要的意思的另一种方法是使用bind。绑定允许您确保使用特定值this 调用函数。

大多数较新的浏览器都支持它（甚至是 IE9！），对于那些不支持的浏览器有一个解决方法。

Bind - MDN Documentation

Answer 3

找不到protectedACMember，因为当你输入函数privateCCMethod时，this关键字的含义发生了变化。一种常见的做法是存储外部 this 以供在函数内部使用：

function ConcreteClass(){
    var privateCCMember = "private CC";

    // store the outer this
    var that = this;
    var privateCCMethod = function(){
        alert(that.protectedACMember);
    }
    ...

您的其余问题已相当丰富，可能应该作为单独的问题发布。