JavaScript中apply() call() 函数

最新推荐文章于 2025-07-16 22:25:14 发布

ilvseyinfu

最新推荐文章于 2025-07-16 22:25:14 发布

阅读量157

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_31751569/article/details/77643630

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文详细解释了JavaScript中apply和call两个函数的区别与应用场景。通过一个具体的代码示例，展示了如何使用这两个方法来实现继承，并讨论了在不同参数形式下如何选择使用apply或call。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 首先理解apply()函数 call() 函数
<script type="text/javascript">

	function Person(name,age)
	{
		this.name = name;
		this.age = age;
	}

	function Student(name,age,grade)
	{
		Person.apply(this,arguments);
		//Person.call(this,name,age);
	}

	var student = new Student("ilv",20,"大四");

	alert(student.name + student.age + student.grade);

	//ilv20大四
	//定义：应用某一对象的一个方法，用另一个对象替换当前对象。 
	//通俗讲就是用student来执行person类里的内容

	//什么情况下用apply ？ 什么情况下用 call
	//在给对象参数的情况下,如果参数的形式是数组的时候,比如apply
	//示例里面传递了参数arguments,这个参数是数组类型,并且在调用
	//Person的时候参数的列表是对应一致的
	//(也就是Person和Student的参数列表前两位是一致的) 就可以采用 apply , 
	//如果我的Person的参数列表是这样的(age,name),
	//而Student的参数列表是(name,age,grade),这样就可以用call来实现了,
	//也就是直接指定参数列表对应值的位置(Person.call(this,age,name,grade));  

//http://blog.youkuaiyun.com/business122/article/details/8000676 (原文)

</script>