高级面向对象之原型继承

最新推荐文章于 2026-01-07 11:30:37 发布

原创最新推荐文章于 2026-01-07 11:30:37 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#对象 #面向对象 #继承 #javascript #prototype

本文介绍了一种JavaScript中的原型继承实现方式，并对比了拷贝继承和类式继承的不同之处。通过一个简单示例展示了如何使用原型继承来创建新对象并保留原有属性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>原型继承</title>
	</head>
	<body>
		<script>
			var a = {
				name:'小明'
			};
			
			// 实现原型继承
			function cloneObj(obj){
				var F = function(){};
				F.prototype = obj;
				return new F();
			}
			
			var b = cloneObj(a);
			alert(b.name);   // 小明
			alert(a.name);   // 小明
			
			
			总结:
			
			拷贝继承: 通用型的,有new或无new的时候都可以
			类式继承: new 构造函数
			原型继承: 无new构造函数
		</script> 
	</body>
</html>