03，JavaScript脚本中原型prototype的简单应用

最新推荐文章于 2025-11-24 03:12:01 发布

原创最新推荐文章于 2025-11-24 03:12:01 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #原型模式 #前端

jquery 专栏收录该内容

10 篇文章

订阅专栏

本文通过一个实例深入探讨JavaScript中的原型（prototype）概念，展示了如何为原型添加方法，并在函数实例中调用该方法。通过点击按钮触发的testPrototype函数，创建了funcPrototype的实例并执行了addAlert方法，揭示了JavaScript中对象之间的继承关系和原型链的工作原理。

（1），原型prototype：在JavaScript脚本中每个函数function都有一个prototype属性，默认指向一个Object空对象(即原型)，给原型添加属性(一般都是方法)

（2），例如

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css"></style>
	<link rel="stylesheet" type="text/css" href="#">
	
</head>
<body>
	<input type="button" value="单击测试" onclick="testPrototype()" />
	
</body>
<script type="text/javascript">
	
	function testPrototype() {
		var funcPro = new funcPrototype();
		funcPro.addAlert();
	}
	
	function funcPrototype(proParameter){
		this.obj = proParameter;
	}
	funcPrototype.prototype.addAlert = function() {
		var i = 1 + 2;
		alert(i);
	}
	
</script>
</html>