【JavaScript|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（第三章第1课）（内部对象--（Date））
- 前端|VUE + Echart 5.3.2 graph关系图代码
- 微信小程序|uniapp 微信小程序 下拉刷新
- 浏览器工作原理与实践（八）
- JavaScript class类的基本使用方法你知道吗
- Vue|Vue脚手架（vue-cli）安装与SPA项目创建
- JavaWeb|JavaScript（8）深入理解作用域
- 前端|初识jQuery
- 史上最全的CoffeeScript面试题和答案合集