apply 和 call 的区别
apply和call: apply和call作用相同,只是在传参上面有点小差别,两个方法一个是将调用函数中的参数放在一个数组中传过去,一个是一个一个传过去。 这里用apply方法做讲解,apply方法传入两个参数:一个是作为函数上下文的对象,指的是调用这个apply方法的函数,他的函数内部this由你传过来的对象代替了,另外一个是作为函数参数所组成的数组。
实例:
var obj = {
name : 'linxin'
}
function func(firstName, lastName){
console.log(firstName + ' ' + this.name + ' ' + lastName);
}
func.apply(obj, ['A', 'B']);
解析:这里func函数调用了apply方法,将obj和一个数组当做两个参数,此时func函数中的this已经指向obj对象了,所以func函数中的this.name变成了obj.name, 控制台将会输出 A linxin B
apply 和 call 的用法
1,改变this指向: 改变调用函数中this的指向,默认参数为this
2,借用别的对象的方法:
例子:
var Person1 = function () {
this.name = 'linxin';
}
var Person2 = function () {
this.getname = function () {
console.log(this.name);
}
Person1.call(this);
}
var person = new Person2();
person.getname();
解析:Person1.call(this)的意思是把Person2函数内的this传到Person1函数内,这样Person1函数内的this.name = ‘linxin’就代表着Person2函数内中写了this.name = ‘linxin’,这样Person2函数就多了一个name的属性,类似java中的extend继承
3,调用函数
apply、call 方法都会使函数立即执行,因此它们也可以用来调用函数
function func() {
console.log('linxin');
}
func.call(); // linxin
常见的使用: Array.prototype.slice.call(xxx想要分开的变量)
call 和 bind 的区别
在 EcmaScript5 中扩展了叫 bind 的方法,在低版本的 IE 中不兼容。它和 call 很相似,接受的参数有两部分,第一个参数是是作为函数上下文的对象,第二部分参数是个列表,可以接受多个参数。
它们之间的区别有以下两点
1.bind 发返回值是函数
var obj = {
name: 'linxin'
}
function func() {
console.log(this.name);
}
var func1 = func.bind(obj);
func1(); // linxin
2.参数的使用
function func(a, b, c) {
console.log(a, b, c);
}
var func1 = func.bind(null,'linxin');
func('A', 'B', 'C'); // A B C
func1('A', 'B', 'C'); // linxin A B
func1('B', 'C'); // linxin B C
func.call(null, 'linxin'); // linxin undefined undefined
func1(); // linxin undefined undefined
call 是把第二个及以后的参数作为 func 方法的实参传进去,而 func1 方法的实参实则是在 bind 中参数的基础上再往后排