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

bingliang514csdn

于 2022-11-12 17:41:32 发布

阅读量117

点赞数

分类专栏： jquery 文章标签： javascript 原型模式前端

本文链接：https://blog.csdn.net/bingliang514csdn/article/details/127823118

版权

jquery 专栏收录该内容

10 篇文章

订阅专栏

（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>