如何从工厂函数中的方法中删除`this`关键字？

Question

我的问题在下面的简单工厂函数中，我在totalCost方法中使用this来引用其父对象。如何在不使用this的情况下构建这样的东西？我看不出要使用什么模式。

"use strict"

function planeCreator(a, b, c) {
    return {
        manufacturer: a,
        numberOfEngines: b,
        costPerEngine: c,
        totalCost: function() {
            return this.numberOfEngines * this.costPerEngine;
        }
    }
}

let b17 = planeCreator('B-17', 4, 25000);

document.querySelectorAll('.output')[0].textContent = b17.totalCost();

<div class='output'></div>

背景故事我越了解Javascript越多，我越发现对Constructor函数和new和this关键字的批评。在Eric Elliott的The Two Pillars of JavaScript中，他警告程序员不要使用Constructors，并提到Douglas Crockford从不使用new或this。

我的问题是虽然它很容易避免构造函数和新关键字我不太确定如何避免this。我会用什么模式替换它？

Answer 1

将新创建的对象分配给变量，并引用该变量：

（另请注意，如果您只选择一个元素，最好使用querySelector而不是querySelectorAll）

function planeCreator(a, b, c) {
  const objToReturn = {
    manufacturer: a,
    numberOfEngines: b,
    costPerEngine: c,
    totalCost: () => objToReturn.numberOfEngines * objToReturn.costPerEngine,
  };
  return objToReturn;
}

const b17 = planeCreator('B-17', 4, 25000);

document.querySelector('.output').textContent = b17.totalCost();

<div class='output'></div>

就个人而言，我认为使用Class关键字和this没有任何问题 - 较少的语法噪音是好的，并且像所有语言结构一样，您只需要学习如何正确使用它。确实，当你不需要时，你应该避免使用this，但我认为你不应该过多地避免使用它。同样，ES6的.reduce也可能会让新手感到困惑，但一旦你理解了如何正确使用它，请继续使用它。它简洁而有力。