关于javascript:关于callapplybind的用法区别

3次阅读

共计 715 个字符,预计需要花费 2 分钟才能阅读完成。

call,apply,bind 三个办法都是用来 扭转 this 指向
call 与 appl 会立即调用函数,bind 不会立即调用函数,而是把一个函数作为返回值返回

一:call()函数,第一个参数为 this行将指向 的对象,第二个是可能要传的参数
举个栗子

let obj1 = {
    name:"Jimmy",
    age:15,
    sayHi(){console.log("Nice to meet you,my name is"+this.name)
        },
    eat(food,drink){console.log(this.name+"like eat"+food+" "+drink)
        }
}
let obj2 = {
    name:"Harry",
    age:16
        }
obj1.sayHi.call(obj2)//Nice to meet you,my name is Harry
obj1.eat.call(obj2,"pizza","cola")//Harry like eat pizza cola

sayHi()办法的 this,通过 call 指向了 obj2
eat()办法的 this,通过 call 指向了 obj2,并且传递了两个参数 ”pizza”,”cola”

二:apply 函数,和 call 简直截然不同,只需把 ”pizza”,”cola” 两个参数以数组模式传递即可

obj1.eat.apply(obj2,["pizza","cola"])//Harry like eat pizza cola

三: bind()函数,和 call 也是简直截然不同,不同的是,bind 会返回一个函数,才能够应用

let fun = obj1.eat.apply(obj2,"pizza","cola")
fun()

总结:call,apply 会立刻执行,bind 不会

正文完
 0