实现一个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