Javascript oop-like fail (?!?)

Question

Учтите это:

function f2(x) {
    return x+1;
};

X = function(){
    this.f1=function (x) {
      return 2*f2(x);
    }

    return this;
};

, тогда x = new X(); x.f1(1) работает нормально.

Но когда я хочу это сделать:

X = function(){
    this.f2 = function(x) {
        return x+1;
    };

    this.f1=function (x) {
        return 2*f2(x);
    }

    return this;
};

То же утверждение будет жаловатьсячто он не может найти f2.Например, в c # вы можете сказать

class X {
   int f2(int x){return x+1;}
   int f1(int x){return 2*f2(x);}
}

, и это будет работать

X x=new X();
x.f1(1)

Почему?

Answer 1

Вам нужно явно указать f2 с ключевым словом this.

X = function(){
    this.f2 = function(x) {
        return x+1;
    };

    this.f1=function (x) {
        return 2*this.f2(x);
    }

    return this;
};

Answer 2

потому что вы забыли это .f2.Javascript не видит переменные класса без этого

Answer 3

Для ссылки на f2 во втором блоке кода вам нужно будет использовать this.f2.this ссылается на контекст, в котором выполняется функция.Поскольку вы вызываете f1 следующим образом:

x.f1();

... context устанавливается на экземпляр, x.

JavaScript не делает переменные экземпляра доступными для области так же, как переменные области, то есть те, которые доступны напрямую:

X = function(){

    var f2 = 123;

    this.f2 = function(x) {
        return x+1;
    };

    this.f1=function (x) {

        console.log(f2); // => 123
        console.log(this.f2); // => function(){}

        return 2 * this.f2(x);
    };

    return this;
};

Answer 4

X = function(){
       this.f2 = function(x) {
            return x+1;
       };    
       this.f1=function (x) {
            return 2*this.f2(x);  // <-- Need this here since it is not implicit
       }
       return this;
    };

Answer 5

Javascript не имеет неявного this, который вы получаете в C #. Вы должны добавить это в:

X = function(){
    this.f2 = function(x) {
        return x+1;
    };

    this.f1=function (x) {
        return 2*this.f2(x);
    };

    return this;
};