JavaScript-函数方法apply()、call()、bind()

文章目录

  • apply()和call()
    • 介绍
    • 二者的区别
    • 二者强大之处
  • bind()
    • 介绍

apply()和call()

介绍

函数的两个方法:apply()和call()。这两个方法都会指定的this值来调用函数。即会设置调用函数时函数体内this对象的值。apply()方法接受两个两个参数:函数内this的值和一个参数数组。第二个可以是Array的实例,但也可以时arguments对象。

function sum (num1,num2){
   return num1+num2
}
function sum2(num1,num2){
  return sum.apply(this,arguments)
}
console.log(sum2(10,10))  //20

个人感觉简而言之,就是会改变调用函数的this指向,指向传入的this值。让调用函数内部对应这个上下文环境。

二者的区别

call()和apply的作用一样,只是传参的形式不同。第一个参数二者是相同的,call()第二个参数是要一个一个参数传递。
例如上面的这个例子,改写一下

sum.call(this,num1,num2)

二者强大之处

上面的例子已经体现出来了,控制函数调用上下文即函数体内this值得能力。

bind()

介绍

bind()方法会返回一个新的函数实例,其this值会被绑定到传入bind()的对象。

var name = 'fxp'
let person = {
   name:'lhg'
}
function app(){
  console.log(this.name)
}
let temp = app.bind(person)
temp()      // lhg

你可能感兴趣的:(JavaScript,javascript)