javascript - 缓存原型(prototype)函数不会缓存它所属的对象

Question

在 Javascript 中，我试图创建一个由 Async.series 执行的函数数组。

Javascript:

function Field(name, height, width) {
   this.name = name;
   this.height = height;
   this.width = width;
}

Field.prototype.doSomething = function(callback) {
   console.log(name, width, height);
   // do some stuff with name, height etc. and produce someResults
   callback(undefined, someResults
}

问题:

// Dict of Functions
var functions = {};

// Array of Field Objects
fields.forEach( function(field) {
  functions[field.name] = field.doSomething;
}

Async.series( functions, callback );

问题是，当函数被缓存时，我的所有“类”变量都不会被缓存，因此当我尝试在 Async.series 中运行该函数时会出现异常(名称、宽度和高度未定义)。

关于如何解决这个问题有什么想法吗？

Answer 1

我建议使用bind :

fields.forEach( function(field) {
  functions[field.name] = field.doSomething.bind(field);
}

否则，doSomething 中的 this 的值不可能是您想要的值。调用 bind 将 this 设置为调用 bind 时 field 的值。