本文目录一览：
- 1、如何理解和熟练运用js中的call及apply
- 2、在JS中，call()方法和apply()方法到底该怎么应用？
- 3、JS中 call和apply的区别和作用
- 4、请教一个js函数里面的call方法
如何理解和熟练运用js中的call及apply
call和apply
obj.call(thisObj, arg1, arg2, …);
obj.apply(thisObj, [arg1, arg2, …]);
两者作用一致，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法。绑定后会立即执行函数。
唯一区别是apply接受的是数组参数，call接受的是连续参数。
function add(j, k){
return j+k;
}
function sub(j, k){
return j-k;
}
我们在控制台运行：
add(5,3); //8
add.call(sub, 5, 3); //8
add.apply(sub, [5, 3]); //8
sub(5, 3); //2
sub.call(add, 5, 3); //2
sub.apply(add, [5, 3]); //2
调用原生对象的方法
示例：
var a = {0:1, 1:”yjc”, length: 2};
a.slice(); //TypeError: a.slice is not a function
Array.prototype.slice.call(a);//[1, “yjc”]
对象a类似array，但不具备array的slice等方法。使用call绑定，这时候就可以调用slice方法。
实现继承
通过call和apply，我们可以实现对象继承。示例：
var Parent = function(){
this.name = “yjc”;
this.age = 22;
}
var child = {};
console.log(child);//Object {} ,空对象
Parent.call(child);
console.log(child); //Object {name: “yjc”, age: 22}
以上实现了对象的继承。
bind的使用
obj.bind(thisObj, arg1, arg2, …);
把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。与call和apply不同的是，bind绑定后不会立即执行。
同样是add()和sub()：
add.bind(sub, 5, 3); //不再返回8
add.bind(sub, 5, 3)(); //8
如果bind的第一个参数是null或者undefined，等于将this绑定到全局对象。
在JS中，call()方法和apply()方法到底该怎么应用？
1.apply与call是更改对象的内部指针，即改变对象的this指向的内容；
2.call与apply的第一个参数都是要传入给当前对象的对象，及函数内部的this，后面的参数都是传递给当前对象的参数。
详细用法如下：
1.call()
语法：obj1.call(obj2[,param1,param2,…])；
定义：用obj2对象来代替obj1，调用obj1的方法。即将obj1应用到obj2上；
说明：call 方法可以用来代替另一个对象调用一个方法，call 方法可将一个函数的对象上下文从初始的上下文改变为由 obj2 指定的新对象，如果没有提供 obj2参数，那么 Global 对象被用作 obj2。
2.apply()
语法：obj1.call(obj2[,arrArg])；
定义：用obj2对象来代替obj1，调用obj1的方法，即将obj1应用到obj2上，
说明：call ()和apply()作用一样，但是call()可以接收任何类型的参数，而apply()只能接收数组参数。
3.基本用法
4.继承特性
JS中 call和apply的区别和作用
JavaScript中的每一个function对象都会有call和apply方法
定义：
apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。
call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法
从定义中可以看出，call和apply都是调用一个对象的一个方法，用另一个对象替换当前对象。而不同之处在于传递的参数，apply最多只能有两个参数——新this对象和一个数组argArray，如果arg不是数组则会报错TypeError；
call则可以传递多个参数，第一个参数和apply一样，是用来替换的对象，后边是参数列表。
请教一个js函数里面的call方法
亲，call方法:
语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。
看看下面的例子你就明白为什么那里没有执行:
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/308643.html
微信扫一扫 
支付宝扫一扫 