"this" zurück undefined in einer Prototyp-Funktion

Question

Ich möchte mehrere asynchrone Aufgabe mit Async-Paket ausführen. Aber ich habe Probleme mit JavaScript-Prototypen zugreifen.

Hier ist die Probe meiner Code:

var env = function(options) { 
 
    this.options = options; 
 
} 
 

 
env.prototype.run = function() { 
 
    
 
    var self = this, 
 
    async.series([ 
 
    self.task1, 
 
    self.task2 
 
    ], function done(responses) { 
 
     console.log(responses); 
 
    }); 
 
} 
 

 

 
env.prototype.task1 = function() { 
 
    console.log(this.options); // undefined 
 
    // logic code... 
 
} 
 

 

 

 
var foo = new env({foo: 'bar'}); 
 
foo.run(); // undefined - from console.log

Sie wissen nicht, warum ich nicht die 'this' Eigenschaften meines Object Dieser Code

Answer 1

zugreifen

async.series([ 
    self.task1, 
    self.task2 
], function done(responses) { 
    console.log(responses); 
}); 

übergibt nur Funktionsreferenzen an async.series, aber tut nichts, um sicherzustellen, dass this korrekt ist, wenn sie aufgerufen werden.

Es sei denn, die async.series Sie verwenden bietet einen Weg, es zu sagen, welche this zu verwenden, können Sie leicht lösen das Problem mit bind:

async.series([ 
    self.task1.bind(self),  // *** 
    self.task2.bind(self)   // *** 
], function done(responses) { 
    console.log(responses); 
}); 

hier ein einfacheres Beispiel demonstriert das Problem und Lösung:

var obj = { 
 
    property: "testing", 
 
    wrong: function() { 
 
    setTimeout(this.task1, 10); 
 
    }, 
 
    right: function() { 
 
    setTimeout(this.task1.bind(this), 20); 
 
    }, 
 
    task1: function() { 
 
    console.log("task1 says the property is " + this.property); 
 
    } 
 
}; 
 

 
obj.wrong(); 
 
obj.right();

---

Randbemerkung: Es sei denn, Sie self für etwas verwenden Sie nicht innerhalb run gezeigt haben, müssen Sie es nicht brauchen:

env.prototype.run = function() { 
    async.series([ 
    this.task1.bind(this), 
    this.task2.bind(this) 
    ], function done(responses) { 
     console.log(responses); 
    }); 
}; 

Eine weitere Option, wenn Sie ein ES2015-kompatible Umgebung verwenden (oder transpiling) Ihre Aufgaben in Pfeil Funktionen wickeln:

// Requres ES2015 support 
env.prototype.run = function() { 
    async.series([ 
    (...args) => this.task1(...args), 
    (...args) => this.task2(...args) 
    ], function done(responses) { 
     console.log(responses); 
    }); 
};