call和apply的区别还有bind

call和apply的区别还有bind

之前我一直都不是很了解和清楚这玩意，在实际的开发中，在翻阅前辈的代码中，看见他们中有所用用到，但一直不是很理解bind的意思，我的印象中他们都是就是改变this的指向，react中用bind改变this的指向，去指向函数。
func.call(this.Arg,arg1,arg2,…):第一个参数都是this的指向的对象，第二个参数是数组或类数组。
func.apply(thisArg, [argsArray])：第一个参数是 this 指向的对象，第二个参数是数组或类数组。
call的实现原理：
函数都可以调用call，说明call是函数原型上的方法,所有的实例都可以调用即：Function.prototype.call；
其次如果第一个参数没有传的情况下，this应该是指向window这个全局对象。
传入call的第一个参数是this指向的对象，根据隐式绑定规则，foo()中的this指向obj，因此可以这样调用函数thisArgs.func(…args)，所以相对应的func中的this就指向了thisArgs，然后再返回结果。

Function.prototype.ca_ll = function() {
    // 剩余运算符，得到的是一个数组，包含除了this值的其他参数
    let [thisArgs, ...args] = arguments;
    if(!thisArgs) {
        thisArgs = typeof window === 'undefined' ? global : window;
    }
    thisArgs.func = this;
    let result = thisArgs.func(...args);
    delete thisArgs.func;  // thisArgs上并没有func属性，所以执行结果之后需要移除
    return result;
}

// 测试用例
var foo = {
    name: 'zl'
}
function func(job, age) {
    console.log(this.name);
    console.log(job, age);
}

func.ca_ll(foo, 'coder', 45);  //zl coder 45

apply的实现过程和call的实现过程类似，只是对于参数的处理有些不同。
·原理实现

Function.prototype.app_ly = function() {
    let [thisArgs, args] = arguments;
    let result;  // 函数返回结果
    if(!thisArgs) {
        thisArgs = typeof window === 'undefined' ? global : window;
    }
    thisArgs.func = this;
    if(!args) {
        // 第二个参数为null或者是undefined
        result = thisArgs.func();
    } else {
        result = thisArgs.func(...args);
    }
    delete thisArgs.func;
    return result;
}

// 测试用例
let foo = {
    name: 'zl'
}

function func(job, age) {
    console.log(this.name);
    console.log(job, age);
}

func.app_ly(foo, ['coder', 45]);  //zl coder 45

至于bind和call/apply就有一个很重要的区别， 一个函数被call/apply的时候，会直接调用，但是bind会创建一个新函数。当这个新函数bind()的第一个参数将作为它运行时的this，之后的一序列参数将会在传递的实参前传入作为它的参数。
柯里化什么的，我去看看呀，闭包函数的应用中，有一个重要的场景就是柯里化。
柯里化是指这样一个函数（假设叫createCurry），它接受函数A作为参数，运行后能返回一个新的函数。并且这个新的函数能够处理函数A的剩余参数。

文章转载：https://blog.csdn.net/zl13015214442/article/details/93886205?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&dist_request_id=1332041.23976.16193406008363059&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control