学习笔记-call&apply&bind

let dog = {
    name:'teddy',
    eat:function(arr1,arr2){
        console.log(arg1+arg2)
        console.log(this)
    }
}

• apply

dog.eat.apply({a1:1,a2:2},[1,2])
// console.log(arg1+arg2) 
// 1+2=3
// console.log(this)
// {a1:1,a2:2}

• call

dog.eat.call({a1:3,a2:4},1,2)
// console.log(arg1+arg2) 
// 1+2=3
// console.log(this)
// {a1:3,a2:4}

• bind

let newfn = dog.eat.bind({a1:4,a2:5})
newfn(6,7)
// console.log(arg1+arg2) 
// 6+7 = 13
// console.log(this)
// {a1:4,a2:5}

new 过程模拟

function A(a,b){
    this.a = a
    this.b = b
}

A.prototype.eat = function(){
    console.log(this.a+"xxx")
}

function myNew(fn,...args){
    // 构造一个新obj
    let obj = {}
    // 绑定__proto__
    //obj.__proto__ = fn.prototype
    Object.setPrototypeOf(obj,fn.prototype)
    // 执行构造函数
    // this.a=a 
    // this.b=b
    fn.call(obj,...args)
    // 返回
    return obj
}

// let a= new A(2,3)
let a = myNew(A,2,3)
a.eat()  // 2xxx

类数组

let obj = {
    0:"xx1",
    1:"xx2",
    2:"xx3",
    length:3
}

// 模拟filter
Array.prototype.myFilter = function(callback){
    let newArr = []
    for(let i=0;i<this.length;i++){
        if(callback(this(i))){
            newArr.push(this[i])
        }
    }
    return newArr
}

let res = [].myFilter.call(obj,item=>item.indexOf("1")!=-1)
console.log(res)