当前位置:Gxlcms > JavaScript > call()和apply()方法有什么区别

call()和apply()方法有什么区别

时间:2021-07-01 10:21:17 帮助过:40人阅读

本篇文章主要和大家介绍JavaScript中的call()和apply()方法的使用以及它们之间的区别,有一定的参考价值,希望对大家有帮助

在JavaScript中我们经常用两种方法来改变this的指向,简化代码的复杂度,这两种方法就是call()和apply()方法,接下来将分享它们的用法与区别

call()方法

call()方法中第一个参数是改变this指向,第二个参数是需要传的参数

<script>		
function Person(name, age,height){
	this.name=name;
	this.age=age;
	this.height=height;
}
function Student(name,age,height,sex,grade){
	Person.call(this,name,age,height);//将Person的参数传给Student
	this.sex=sex;
	this.grade=grade;}
 var student=new Student("张三",18,180,"男",88);
	</script>
运行结果:

Image 20.jpg

apply()方法

apply()方法改变this指向,第二个值只能传一个实参且是数组

<script>	
function Person(name, age,height){
	this.name=name;
	this.age=age;
	this.height=height;
}
function Student(name,age,height,sex,grade){
	Person.apply(this,[name,age,height]);//注意这儿传递的是数组
	this.sex=sex;
	this.grade=grade;}
 var student= new Student("张三",18,180,"男",88);
	</script>	
运行结果:

Image 20.jpg

call()与apply()方法的区别

call()方法的第二个值可以传递多个参数,实参必须要按照形参的个数和顺序进行传参

apply()方法的第二个值只能传一个必须是数组才可以,所以apply()方法适合使用形参是数组的,call()方法适合传递连续的参数

总结:以上就是本篇文章的全部内容,希望大家在应用时要注意方法的选择

以上就是call()和apply()方法有什么区别的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行