前端面试题 | call apply bind的用法和区别是什么?

        call,apply,bind的共同点都会改变this的指向

一、call、apply、bind方法的来源

call、apply、bind这三个方法都是继承Function.prototype中的

console.log(Function.prototype.hasOwnProperty('call'))  //true
console.log(Function.prototype.hasOwnProperty('apply'))  //true
console.log(Function.prototype.hasOwnProperty('bind'))  //true

调用call、apply、bind的必须是函数

二、使用语法

fun.call(thisArg(this指向谁), param1, param2, ...(从第二个参数往后都是传递给fun的参数))
fun.apply(thisArg, [param1, param2, ...](第二个参数是传递给fun的参数,以数组的形式))
fun.bind(thisArg, param1, param2, ...)传参方式和call一样

三、区别

  • call和apply的唯一区别就是传递参数不一样,他们都会立刻执行函数,apply第二个参数传递的是数组,call从第二个参数开始往后传递的都是参数。
  • call、apply和bind 的区别:
    • call、apply改变了this指向的时候会立刻执行上下文,返回fun的执行结果
    • bind返回改变了this指向后和函数,执行返回值函数得到结果

call 、apply、bind的核心理念就是借用方法

有用就点个赞吧~

你可能感兴趣的:(前端,javascript,vue.js)