ES6'daki "geri aramalar" içindeki "bu" sınıfı nasıl kullanılır?

Question

ES2015 ile Babel kullanıyorum. Ve iç yöntemde callback içinde this kullanmak istiyorum. bildiğim kadarıyla anladığım kadarıyla bu x() yılında geri arama işlevi ifade eder çünkü

class baz { 
    bar = "xxx"; 
    foo() { 
    x(function() { 
     console.log(this.bar); 
    }); 
    } 
} 

function x(callback) { 
    return callback(); 
} 
var y = new baz(); 
y.foo(); 

https://jsfiddle.net/dnthehnt/7/ Ben

TypeError: this is undefined

alıyorum. Bir çözüm olarak ben

class baz { 
    bar = "xxx"; 
    foo() { 
    var bar = this.bar;//<===== 
    x(function() { 
     console.log(bar);//<===== 
    }); 
    } 
} 

function x(callback) { 
    return callback(); 
} 
var y = new baz(); 
y.foo(); 

https://jsfiddle.net/dnthehnt/6/ kullanmak Ve bu çözüm

xxx

olsun, ama bunu çok kafa karıştırıcı ve yazmak zor olmaya başladı kod kütlesini varsa. this'u kullanmanın daha iyi bir çözümü var mı? Ya da geri aramaları kullanmak için ES6'ya ait başka bir disiplin ve bu.

Answer 1

Ok işlevlerine, özellikle de this yoluna, klasik işlevlerle karşılaştırıldığında ok işlevleriyle bakın. çubuk x çağrısına ve geri aramayı çağrısı arasında değiştirilmişse işe yaramaz klasik işlevleri kullanarak

class baz { 
    constructor() { this.bar = "xxx"; } 
    foo() { 
    x(() => { 
     console.log(this.bar); 
    }); 
    } 
} 

Sizin çözüm.

Bu

Eğer klasik fonksiyonlarının

class baz { 
    constructor() { this.bar = "xxx"; } 
    foo() { 
    const self = this; 
    x(function() { 
     console.log(self.bar); 
    }); 
    } 
} 

Yoksa bind kullanabilirsiniz ile bunu nasıl olduğunu, herhalde.

class baz { 
    constructor() { this.bar = "xxx"; } 
    foo() { 
    x((function() { 
     console.log(this.bar); 
    }).bind(this)); 
    } 
}