实现一个call方法和bind方法

实现一个call方法

Function.prototype.myCall = function(context) {
    let target = (context !== null && context !== undefined) ? context : window 
    let args = Array.from(arguments).slice(1)
    target = typeof target === 'object' ? target : new target.constructor(target)
    target.fn = this
    target.fn(...args)
    delete target.fn
}

写个例子对比一下

let obj = {
    name: '1',
    fun: function() {
        console.log(this.name, '\n', arguments, '\n', this)
    }
}

let obj1 = {
    name: '2',
    fun: function() {
        console.log(this.name, arguments, this)
    }
}

obj.fun.myCall(null, 'a', 'b')
obj.fun.call(null, 'a', 'b')

实现一个bind方法

Function.prototype.myBind = function(that) {
    let self = this
    let slice = Array.prototype.slice
    let args = slice.apply(arguments, [1])
    // 匿名函数中的this指向window， 所以要将this保存起来
    return function() {
        return self.apply(that, args)
    }
}

举个例子试一下吧

let obj = {
    name: 'obj',
    fn(a, b) {
        console.log(`my name is ${this.name}`, a, b)
    }
}
let obj1 = {
    name: 'obj1',
    fn(a, b) {
        console.log(`my name is ${this.name}`, a, b)
    }
}

let b = obj.fn.myBind(obj1, 1, 2)
console.log(b()) // my name is obj1 1 2

欢迎各路大佬批评指正