Javascript.bind - ES5対ES6

Question

どのようにES6でバインドを使用できますか？コーディングの前ES6のように

（私はこれがES5であると仮定）、私はどうなる：

var app = {}; 
app.log = function(req, res) { 
    var respond = this.respond.bind(this, req, res); 
    return respond(400, 'no data received'); 
} 

app.respond = function(req, res, status, message) { 
    console.log(req); // hello 
    console.log(status); // 400 
    console.log(message); // no data received 
} 

app.log('hello'); 

しかし、私はES6でそれを行うことができますか？もちろん

export default function log (req, res) { 
    var respond = this.respond.bind(this, req, res); 
    return respond(400, 'no data received'); 
} 

function respond (req, res, status, message) { 
    console.log(req); 
    console.log(status); 
    console.log(message); 
} 

私はエラーが発生します。

TypeError: Cannot read property 'respond' of undefined 

Answer 1

私はあなたがこのケースでエクスポートを使用する必要はないと思います。単にクラスを作るだけです。

class App { 

    log(req, res) { 
     var respond = this.respond.bind(this , req , res); 
     return respond(400, 'no data received'); 
    } 

    respond(req, res, status, message) { 
     console.log(req); 
     console.log(status); 
     console.log(message); 
    } 

} 

var app = new App(); 
app.log('hello'); 

Answer 2

this.respondにアクセスしているため、エラーが発生しています。しかしlog（およびrespond）はもはやオブジェクトメソッドではないので、thisはrespondメソッドを持つオブジェクトを参照していません。代わりに、あなたは、単に直接機能（respond）を参照：

this.respond(...)しかしrespond(...)

---

なり、ないもあなたのES5溶液中で、まったく.bindを使用する理由はありません（あなたは決して内部thisを使用していませんrespond）。あなたが同様にES6で `app`オブジェクトを使用していないのはなぜ

export default function log (req, res) { 
    return respond(req, res, 400, 'no data received'); 
}