Javascript：柯里化函数参数而不设置其函数上下文

Question

我的理解是，按照规范，bind() 中设置的参数是最终的，不能被覆盖。

我想知道是否有任何方法可以实现这样的目标，但无法给我想要的结果：

const Student = {
    name: "",
    times: function(i, j) {
        return `I am: ${this.name} & think answer is: ${i*j}`;
    }
};

const student1 = {
    name: "student1"
}
const student2 = {
    name: "student2"
}

const askThemTimesBy10 = Student.times.bind(null, 10);

console.log(askThemTimesBy10.bind(student1)(5));
console.log(askThemTimesBy10.bind(student2)(5));

显然这会失败，因为函数上下文在柯里化时是硬编码的。

现在我可以清楚地做以下黑客攻击：

askThemX10 = function(){
    return Student.times.bind(this, 10);
}

askThemXTen = function(i){
    return Student.times.call(this, 10, i);
}

然后像这样使用它们：

console.log(askThemX10.bind(student1)()(5));
console.log(askThemXTen.bind(student1)(5));

或者我可以在 Student 等内部定义柯里化函数，但我想知道是否有更好的方法来做到这一点。

Answer 1

说到现代 JS。如果您可以转译您的代码并且不害怕使用实验性语法，那么您可以使用部分应用程序语法来实现您想要的。虽然不推荐用于生产:)

Demo

const Student = {
    name: "",
    times(i, j) {
        return `I am: ${this.name} & think answer is: ${i*j}`;
    }
};

const student1 = {
    name: "student1"
}
const student2 = {
    name: "student2"
}

const askThemTimesBy10 = Student.times.call(?, 10, ?); // <--- pew pew 

console.log(askThemTimesBy10(student1, 5));
console.log(askThemTimesBy10(student2, 6));

Answer 2

任何时候你想使用bind，你可能做错了什么。在这种情况下，使用普通类：

class Student {
  constructor(name) {
    this.name = name;
  }

  multiply(i, j) {
    return `I am: ${this.name} & think answer is: ${i*j}`;
  }
}

然后创建学生实例：

const students = [
  new Student("alice"),
  new Student("bob"),
  ...
]

然后将“...乘以 10”作为全局函数：

function askStudentX10(student, i) {
  return student.multiply(i, 10);
}

或者，如果您想保持良好的命名空间，请将其设为 Student 类的静态函数：

class Student {
  static askStudentX10(student, i) {
    return student.multiply(i, 10);
  }

  constructor(name) {
    ...
  }

  ...
}

漂亮而明确的代码，不需要bind，没有潜在的绑定相关错误。简单明了的代码。