Простое решение для использования 'this' вместо '_this/self/$ this' в функции обратного вызова

Question

Я хочу избавиться от _this/self/$ этой вспомогательной переменной в функции обратного вызова. Я пишу:

export class someClass { 
    someFunction = function() { 
    this.foo = "bar"; 
    this.anotherClass.doSomething(this, function(foo) { 
     console.log(this.foo, "/", foo); // "bar/another bar" 
    }); 
    } 
} 

и

export class anotherClass { 
    anotherFoo: string = "another bar"; 

    doSomething(_this, cb) { 
     cb.call(_this, this.anotherFoo); 
    } 
} 

Есть более простой способ сделать это? Я хотел бы избавиться от этого параметра.

Answer 1

Вы можете использовать arrow function передать функцию обратного вызова:

class someClass { 
    constructor() { 
    this.anotherClass = new anotherClass(); 
    } 

    someFunction() { 
    this.foo = "bar"; 
    this.anotherClass.doSomething(foo => { 
     console.log(this.foo, "/", foo); 
    }); 
    } 
} 

class anotherClass { 
    anotherFoo: string = "another bar"; 

    doSomething(cb) { 
    cb(this.anotherFoo); 
    } 
} 

Answer 2

Вы можете изменить свой код, используя Function.prototype.bind

Это позволит связать конкретный контекст функции.

Для получения дополнительной информации: https://developer.mozilla.org/tr/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

export class someClass { 
    someFunction = function() { 
    this.foo = "bar"; 
    var callback = function(foo) { 
     console.log(this.foo, '/', foo); 
    }; 

    this.anotherClass.doSomething(callback.bind(this)); 
    } 
} 

и

export class anotherClass { 
    anotherFoo: string = "another bar"; 

    doSomething(cb) { 
    cb(this.anotherFoo); 
    } 
}