Справочные методы из другого класса в traceur

Question

Я тестирую классы в ES6 с использованием traceur, но он не работает, как я ожидал.

Я пытаюсь использовать метод в качестве ссылки в другом классе, но когда он называется, я получаю ссылку на класс вызывающего абонента при чтении значения this.

Вот мой код:

class A { 
    constructor(anotherMethod){ 
     this.anotherMethod = anotherMethod; 
     this.name = "A"; 
    } 
    myMethod(){ 
     console.log(this.name); 
     this.anotherMethod(); 
    } 
} 

class B { 
    constructor(){ 
     this.a = new A(this.myMethod); 
     this.name = "B"; 
    } 
    myMethod(){ 
     console.log(this.name); 
    } 
} 

var c = new B(); 
c.a.myMethod(); 

Мой ожидаемый журнал:

A 
B 

Но это показывает:

A 
A 

Answer 1

В классе В, при выполнении функции конструктора:

this.a = new A(this.myMethod); 

Вы на самом деле установка метод myMethod В к А. Когда запускается конструктор, в

this.myMethod, устанавливается в anotherMethod в. Теперь, если вы попробуете распечатать this.a в своем конструкторе B, вы получите name : A. Что на самом деле ссылки на класс А.

Теперь, когда вы пытаетесь выполнения метода, c.a.myMethod(), As A содержит ссылку на class A, это, вызывающий myMethod из A. Внутри этого метода this будет ссылаться на текущий объект контекста выполнения который является A. Вот почему вы видите A в обеих консолях.

Короче говоря, вы назначаете функцию только A и не устанавливаете контекст.

Вы можете заставить fat arrow используя ниже:

class B { 
    constructor(){ 
     this.a = new A(this.myMethod); 
     this.name = "B"; 
    } 

    myMethod =() => { 
      console.log(this); 
    } 
} 

Теперь вы получите желаемый результат. Но, к сожалению, traceur не поддерживает его. Только babel поддерживает fat arrow внутренние функции, входящие в состав .

По предложению Феликса Кинг: Binding контекст, используя bind более чем достаточно в настоящее время

class B { 
    constructor(){ 
     this.a = new A(this.myMethod.bind(this)); 
     this.name = "B"; 
    } 

    myMethod() { 
      console.log(this); 
    } 
}