Understanding myCurry and myBind in JavaScript

在JavaScript的世界里，函数是第一类公民，它们可以被赋值给变量、作为参数传递、也可以作为返回值。本篇文章将深入探讨myCurry和myBind这两个概念，它们是函数式编程中的重要工具，对于理解和优化JavaScript代码有着深远的影响。

我们来看myCurry。curry函数是函数式编程中的一个概念，它将接受多个参数的函数转换为一系列只接受单个参数的函数。这些单参数函数在接收到所有需要的参数后，最终会调用原函数并返回结果。myCurry通常用于实现部分应用（partial application），即提前固定函数的一部分参数，然后创建一个新的函数，这个新函数只需要接收剩余的参数。例如，有一个接受两个参数的加法函数add(a, b)，通过myCurry(add, 2)，我们可以得到一个新函数addTwo，它总是先加上2，然后再处理后续的参数。

function add(a, b) {

  return a + b;

}

function myCurry(fn, ...args) {

  return function(...remainingArgs) {

    if (remainingArgs.length >= fn.length) {

      return fn(...args, ...remainingArgs);

    } else {

      return myCurry(fn, ...args, ...remainingArgs);

    }

  };

}

const addTwo = myCurry(add, 2);

console.log(addTwo(3)); // 输出5

接下来，我们讨论myBind。bind是JavaScript内置的方法，它可以改变函数的this上下文，并可以预先设置函数的参数。myBind是这个功能的一个自定义实现。在JavaScript中，this的值取决于函数的调用方式，而bind则可以确保无论怎样调用，this都保持一致。例如，我们有一个对象obj，它有一个方法sayHello，我们可以通过bind来确保即使在全局作用域中调用，sayHello也能识别出obj。

const obj = {

  name: 'Alice',

  sayHello() {

    console.log('Hello, ' + this.name);

  }

};

function myBind(fn, context, ...args) {

  return function() {

    return fn.apply(context, args.concat(Array.from(arguments)));

  };

}

const boundSayHello = myBind(obj.sayHello, obj);

boundSayHello(); // 输出\"Hello, Alice\"