call/apply/bind的实现

一：手写函数实现call的功能，但是可能一些边界情况没有考虑完整

Function.prototype.hycall = function(thisArg, ...arg) {
    // 这里的this指向调用这个hycall的函数
    var fn = this
        //判断thisArg是否为空，是的话赋值为window(因为调用call如果第一个参数为null或者undefined,this指向window) Object的作用是把括号里面的东西转换成为一个对象，以免输入类型为数值无法给它赋fn
    thisArg = thisArg ? Object(thisArg) : window
    thisArg.fn = fn
    var result = thisArg.fn(...arg)
 补充   delete thisArg.fn
    return result
}

function abc(num1, num2) {
    console.log(this);
    result = num1 + num2
    console.log(result);
}
// console.log(Object(0));
abc.call('hello', 10, 20)
abc.hycall('hello', 10, 20)

调用结果一致

简单思路就是 把调用call的函数赋值给thisArg 然后调用 返回结果即可

需要考虑的情况

1：call会自动把0转换成为一个Number对象，我们这里就需要利用到Object（thisArg）来实现

2：如果接收到的第一个参数是null，或者undefined，所以我们需要对thisAgr进行一个判断，如果有这些情况把它赋值成为window

二：手写函数实现apply的功能

Function.prototype.hyapply = function(thisArg, argArray) {
    var fn = this
    thisArg = thisArg ? Object(thisArg) : window
    thisArg.fn = fn
    argArray = argArray ? argArray : []
    var result = thisArg.fn(...argArray)
    delete thisArg.fn
    return result
}

function abc(num1, num2) {
    console.log(this);
    result = num1 + num2
    console.log(result);
}
abc.apply('hello', [10, 20])
abc.hyapply('hello', [10, 20])

apply需要考虑的地方：

1:和call一样，使用Object()

2:需要判断传进来的数组是否为空，为空的话赋值一个新数组

三·手写函数实现bind的功能

bind与前面两个不同的是，函数调用bind会返回一个新的函数 并且bind传参的方式也不一样 引用bind的时候可以传参，引用bind构造的新函数也可以传参

function abc(num1, num2) {
    console.log(this);
    result = num1 + num2
    console.log(result);

}
var heihei = abc.bind('hello', 20)
heihei(10)

输出结果为30 利用function proxyFn来构造新函数 参数可以在最终调用的时候用finalarg来合并

代码：

Function.prototype.hybind = function(thisArg, ...argArray) {
    var fn = this
    thisArg = (thisArg !== null && thisArg !== undefined) ? Object(thisArg) : window

    function proxyFn(...arg) {
        thisArg.fn = fn
        var finalarg = [...argArray, ...arg]
        var result = thisArg.fn(...finalarg)
        delete thisArg.fn
        return result
    }
    return proxyFn
}

function abc(num1, num2) {
    console.log(this);
    result = num1 + num2
    console.log(result);

}
var heihei = abc.bind('hello', 20)
var heiheihy = abc.hybind('hello', 20)
heihei(10)
heiheihy(10)

实现：关键就在于利用this来转变