【JS】详解并手写call、apply及bind方法

call（）

调用call（）方法会立即执行目标函数，同时改变函数内部this的指向。this指向由方法的第一个参数决定，后面逐个列举的任意参数将作为目标函数的参数一一对应传入；

基本用法

 let obj = {
            name: "一个"
        }

        function allName(firstName, lastName) {
            console.log(this)
            console.log(`我的全名是“${firstName}${this.name}${lastName}”`)
        }
        // 很明显此时allName函数是没有name属性的
        allName('我是', '前端') //我的全名是“我是前端”  this指向window
        allName.call(obj, '我是', '前端') //我的全名是“我是一个前端” this指向obj

手写call（）

apply（）

调用apply（）方法会立即执行目标函数。同时改变函数内部this的指向。this指向由方法的第一个参数决定，第二个参数是一个参数数组或arguments对象，各数组元素或arguments对象表示的各参数将作为目标函数的参数一一对应传入；

基本用法

就是传入参数为一个数组

allName.apply(obj,['我是','前端'])

手写apply（）

bind（）

调用bind（）方法将返回一个新函数——目标函数的拷贝，该函数内部的this指向方法的第一个函数，后面逐个列举的任意个数参数将作为目标函数的参数一一对应传入。之后执行新函数相当于执行了目标函数。

bind（）方法实现了函数柯里化，因此可以分两次向目标函数传递参数，第一次的参数列举在bind（）方法首参后面，第二次的参数列举在新函数中

基本用法

bind 接收多个参数，第一个是bind返回值返回值是一个函数上下文的this，不会立即执行。

let obj = {
    name:'一个'
}

function allName(firstName,lastName,flag){
    console.log(this);
    console.log(`我的全名是"${firstName}${this.name}${lastName}"我的座右铭是"${flag}"`)

}

allName.bind(obj)//不会执行

let fn = allName.bind(obj);
fn('我是','前端','好好学习');

fn = allName.bind(obj,'你是');
fn('前端','天天向上')

手写bind（）