[单选题]
1.作用
在特定的作用域总调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。
window.color="red";
var o={color:"blue"};
function getColor(){
console.log(this.color);
}
getColor.call(this);
getColor.call(window);
getColor.call(o);
2.区别
接收参数的方式不同：
对于call（），第一个参数是运行函数的作用域，其余参数都直接传递给函数即传递给函数的参数必须逐个列举出来。
对于apply（），第一个参数是 运行函数的作用域 ，另一个参数是参数数组,可以是Array实例或arguments对象。
function sum(num1,num2){
return num1+num2;
}
function callSum(num1,num2){
return sum.call(this,num1,num2);
}
function callSum(num1,num2){
return sum.apply(this,arguments);
}
function callSum(num1,num2){
return sum.apply(this,[num1,num2]);
}
编辑于 2016-05-03 21:19:29
回复(1)
1、每个函数都包含两个非继承而来的方法：apply()和call()。
2、他们的用途相同，都是在特定的作用域中调用函数。
3、接收参数方面不同，apply()接收两个参数，一个是函数运行的作用域(this)，另一个是参数数组。
call()方法第一个参数与apply()方法相同，但传递给函数的参数必须列举出来。
例1
window.firstName = "diz";
window.lastName = "song";
var myObject = { firstName: "my", lastName:
"Object" };
function HelloName() {
console.log("Hello " + this.firstName + "
" + this.lastName, " glad to meet you!");
}
HelloName.call(window); //huo .call(this);
HelloName.call(myObject);
运行结果为：
Hello diz song glad to meet you!
Hello my Object glad to meet you!
以上例子表示了call方法在可以特定的作用于中调用函数
例2
function sum(num1, num2) {
return num1 + num2;
}
console.log(sum.call(window, 10, 10)); //20
console.log(sum.apply(window,[10,20])); //30
以上例子代表了两方法传参得区别
发表于 2017-02-27 15:19:08
回复(0)
B；
call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。（在使用call（）方法时，传递给函数的参数必须逐个列举出来。使用apply（）时，传递给函数的是参数数组）如下代码做出解释：
function add(c, d){ return this.a + this.b + c + d; } var o = {a:1,
b:3}; add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16 add.apply(o, [10, 20]);
// 1 + 3 + 10 + 20 = 34
发表于 2016-03-24 10:26:42
回复(0)
call apply bind 总结
相同点:
都可以改变函数内部的this指向.
区别点:
1.call 和 apply 会调用函数, 并且改变函数内部this指向.
2.call 和 apply传递的参数不一样,call 传递参数 aru1,aru2..形式 apply 必须数组形式[arg]
fun.call(thisArg,arg1, arg2, ...)
fun.apply(thisArg,[argsArray])
3.bind 不会调用函数, 可以改变函数内部this指向. fun.bind(thisArg,arg1, arg2, ...)
主要应用场景:
1.call 经常做继承.
function Father(uname, age, sex) {
this.uname = uname;
this.age = age;
this.sex = sex;
}
function Son(uname, age, sex) {
Father.call(this, uname, age, sex);
}
var son = new Son('刘德华', 18, '男'); //这时候son就具有了uname age sex属性
2.apply经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值
var min=Math.min.apply(..., arr);
3.bind 不调用函数,但是还想改变this指向. 比如改变定时器内部的this指向.
发表于 2021-07-18 09:29:03
回复(0)
A答案不能说是完全正确的
js的继承其实采用并不是传统的面向对象去类那里复制一份，他是通过prototype的委托方式来实行的
也就是说call和apply准确来说并不在每个function实例上，而是在Function.prototype这个对象上，在function实例调用call或者apply方法时，JavaScript引擎首先是去在这个function实例（函数也是对象，可以拥有自己的熟悉）上找这个对象上的属性，发现没有call或者apply方法时，就会去这个对象的[[Prototype]]链上去找，如果找到了，则调用prototype上的方法
发表于 2020-04-08 21:39:13
回复(0)
1、call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为方法的属性，那它们的使用就当然是针对方法的了，这两个方法是容易混淆的，因为它们的作用一样，只是使用方式不同。
2、语法：foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments) == this.foo(arg1, arg2, arg3);
3、相同点：两个方法产生的作用是完全一样的。
4、不同点：方法传递的参数不同。
解析来源于网络
发表于 2018-08-31 20:46:49
回复(0)
相同点:两个方法产生的 作用是完全一样的
不同点:方法传递的参数不同
call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。（在使用call（）方法时，传递给函数的参数必须逐个列举出来。使用apply（）时，传递给函数的是参数数组）如下代码做出解释：
function add(c, d){
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34
编辑于 2017-09-21 08:41:44
回复(0)
call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。（在使用call（）方法时，传递给函数的参数必须逐个列举出来。使用apply（）时，传递给函数的是参数数组）如下代码做出解释：
function add(c, d){
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34
发表于 2022-07-19 22:54:50
回复(0)
call() 和 apply() 计算结果相同，只是传的参数不同；
① call (this, param_1, param_2,...): this值不变；param_x 是可变参数，传递的参数必须逐个列出；
②apply（this, array）：array是参数数组；
发表于 2021-10-19 15:19:53
回复(0)
foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments) == this.foo(arg1, arg2, arg3);
发表于 2021-03-12 11:19:12
回复(0)
问题信息
-
扫描二维码，关注牛客网
- 意见反馈
-
下载牛客APP，随时随地刷题
扫一扫，把题目装进口袋
- 求职之前，先上牛客
-
扫描二维码，进入QQ群
扫描二维码，关注牛客公众号
- 公司地址：北京市朝阳区北苑路北美国际商务中心K1座一层-北京牛客科技有限公司
- 联系方式：010-60728802 投诉举报电话：010-57596212（朝阳人力社保局）
- 牛客科技© All rights reserved admin@nowcoder.com
- 京ICP备14055008号-4 增值电信业务经营许可证 营业执照 人力资源服务许可证
-
京公网安备
11010502036488号
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34