call、apply、bind的区别
call()
、apply()
、bind()
都是用于改变函数内this
指向的方法,只不过是传参的方式和返回的结果不同;
- call() 是接收一个及其以上的参数,第一个参数表示this要指向的对象,其余参数表示调用函数需要传入的参数,返回调用函数的返回结果,属于立即执行函数;
- apply() 是接收两个参数,第一个参数表示this要指向的对象,第二参数表示调用函数需要传入的参数所组成的数组,返回调用函数的返回结果,属于立即执行函数;
- bind() 是接收一个及其以上的参数,和call()一致,但是其返回是一个函数,而不是调用函数的返回结果;
//此处声明若用let,则第一个调用函数输出undefined,
//因为此处let声明的变量虽然也是全局变量但其不会成为全局对象window的属性,故say()直接调用时为undefined
var word = "我是window";
function say(params1,params2){
console.log(params1+" "+params2+","+this.word)
}
let obj = {
word: "我是obj"
}
let newObj= {
word: "我是newObj"
}
say("Hi","friend"); //Hi friend,我是我是window //let声明 则输出:Hi friend,undefined
say.call(obj,"Hi","friend") //Hi friend,我是obj
say.apply(newObj,["Hi","friend"]) //Hi friend,我是newObj
//返回一个新的函数
let newFunc = say.bind(obj,"hello","friend");
newFunc() //hello friend,我是obj