什么是call和apply

什么是call和apply

call 和 apply 的定义都是使用改变函数调用的this对象
和普通函数传参一下,只不过是新增了一个this对象参数在第一位,传入的this对象可以改变函数实例本身的this对象,以至于函数使用的多样性

bind 功能类似,只不过是在调用的时候返回的是一个函数对象,该对象是可以传入参数的
简单来说就是call 或者apply 的在一层封装,以至于一个对象可以直接作函数使用

var foo = {
value: 1
}

function bar() {
console.log(this.value)
}

// 传入call 的参数改变this的值
// 更改this 对象指向 foo 这个对象
bar.call(foo)

// 其实vue 的调用原理也是这样的

function bar(name, age) {
console.log(name)
console.log(age)
console.log(this.value)
}

bar.call(foo, ‘yjc’, ‘18’) // 传值第一个为对象 , 其余本地对象的参数值,按Arguments传参递进

bar.apply(foo, [‘yjc’, ‘18’]) // 传值第一个为对象 , 其余本地对象的参数值,按Arguments传参递进

/* bind 为apply 和call 的升级版,作为返回一个函数 */
var foo = {
value: 1
};

function bar() {
console.log(this.value);
}

// 返回了一个函数
var bindFoo = bar.bind(foo);

bindFoo(); // 1