说说bind、call、apply的区别？并手写实现一个bind的方法

bind、call、apply 都是 JavaScript 中改变函数执行上下文的方法，他们的主要区别体现在调用函数时所传递的参数形式上。

1. call：call 方法接收一个参数列表，第一个参数将用作函数中的 this 对象，其余参数将直接作为函数调用时的参数。

function greet(greeting, name) {
    console.log(`${greeting}, ${this.name}`);
}

let obj = {name: 'John'};

greet.call(obj, 'Hello', 'John');  // 输出: Hello, John

2. apply：apply 方法和 call 类似，不同之处在于 apply 接收的是一个包含函数参数的数组（或类数组对象），而 call 接收的是一系列单独的参数。

function greet(greeting, name) {
    console.log(`${greeting}, ${this.name}`);
}

let obj = {name: 'John'};

greet.apply(obj, ['Hello', 'John']);  // 输出: Hello, John

3. bind：bind 方法创建一个新的函数，该函数在被调用时将设置为指定的 this 值，并在调用时将其预置的参数传给原函数。与 call 和 apply 不同，bind 不会立即执行函数。

function greet(greeting, name) {
    console.log(`${greeting}, ${this.name}`);
}

let obj = {name: 'John'};
let boundFunc = greet.bind(obj, 'Hello');

boundFunc();  // 输出: Hello, John

下面是一个简单的 bind 方法的实现：

Function.prototype.myBind = function(context, ...args1) {
    // 保存原函数
    let originFunc = this;
    // 返回一个新的函数
    return function(...args2) {
        // 当新函数被调用时，将预设的参数和新传入的参数合并，并在指定的上下文中执行原函数
        originFunc.apply(context, [...args1, ...args2]);
    }
};

这个简单的 myBind 方法可以模拟 bind 的基本功能，即预设函数的参数，并设置函数执行的上下文。但请注意，这个简单的实现并没有处理 bind 方法的一些高级特性，如 new 操作符的兼容性等。在实际应用中，可能需要更复杂的实现来处理这些边缘情况。