SOURCE

Function.prototype.bind2 = function (context) {
    if (typeof this !== "function") {
        throw new Error("Function.prototype.bind - what is trying to be bound is not callable");
    }
    // 调用的那个对象
    const _this = this
    // 获取bind2函数从第二个参数到最后一个参数
    const args = Array.prototype.slice.call(arguments, 1)
    // 中转函数
    var fNOP = function () { }
    // 执行bind的函数
    var fBound = function () {
        // 这个时候的arguments是指bind返回的函数传入的参数
        var bindArgs = Array.prototype.slice.call(arguments)
        // 当作为构造函数时，this 指向实例，此时结果为 true，将绑定函数的 this 指向该实例，可以让实例获得来自绑定函数的值
        // 如果改成 `this instanceof fBound ? null : context`，实例只是一个空对象，将 null 改成 this ，实例会具有 habit 属性
        // 当作为普通函数时，this 指向 window，此时结果为 false，将绑定函数的 this 指向 context
        return _this.apply(this instanceof fNOP ? this : context, args.concat(bindArgs))
    }
    // 修改返回函数的 prototype 为绑定函数的 prototype，实例就可以继承绑定函数的原型中的值
    console.log(_this)
    console.log(this)
    fNOP.prototype = this.prototype;
    fBound.prototype = new fNOP()

    return fBound

}


function b(age, work, were) {
    console.log(age)
    console.log(work)
    console.log(were)
    console.log(this.name)
}

const obj = {
    name: 'kalen'
}


let bin = b.bind2(obj, '18', 'fe2')

bin('fe')

// 如果已经在声明bind的时候，已经输入过一个变量，那么在执行的时候，会忽略对应的变量，直接到下一个变量


console.log('=================================')

function b2(age, work, were) {
    console.log(age)
    console.log(work)
    console.log(were)
    console.log(this.name)
}

const obj2 = {
    name: 'kalen2'
}

let bin2 = b2.bind2(obj, '28', 'fe  = 2')

new bin2('fe new')
console.log('=================================')

let bin3 = b2.bind(obj, '38', 'f3', 'f3333')

new bin3('fffffff')