[JavaScript] JavaScript中的类型，竟然也有继承关系。好吧，这个以后得好好看

最新推荐文章于 2025-02-24 19:40:43 发布

原创最新推荐文章于 2025-02-24 19:40:43 发布 · 748 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #inheritance #button #string #date

JavaScript 专栏收录该内容

25 篇文章

订阅专栏

本文通过一个JavaScript示例展示了如何利用原型链实现继承，并演示了如何访问字符串、日期对象及数组对象的属性。通过修改Object.prototype来为所有对象添加了一个自定义属性。

<html>
	<head>
		<script type="text/javascript">
			
			function demoInheritance(){
				//会打印出：myProp:Hello Marvin
				var str1 = new String("ABC");
				for(var tmpName in str1){
					alert(tmpName + ":" + str1[tmpName]);
				}
				
				//会打印出：myProp:Hello Marvin
				var str2 = "XYZ";
				for(var tmpName in str2){
					alert(tmpName + ":" + str2[tmpName]);
				}
				
				//会打印出：myProp:Hello Marvin
				var today = new Date();
				alert("Today is:" + today);
				for(var tmpName in today){
					alert(tmpName + ":" + today[tmpName]);
				}
				
				//会打印出：myProp:Hello Marvin
				var myArray = new Array(10);
				alert("myArray is:" + myArray);
				for(var tmpName in myArray){
					alert(tmpName + ":" + myArray[tmpName]);
				}
				
			}
			
			Object.prototype.myProp = "Hello Marvin";
			
		</script>
	</head>

	<body>
		<form>
			<input type="button" name="demojavascript" value="Demo Inheritance" 
									onclick="demoInheritance();"/>
		</form>
	</body>
	
</html>