[JavaScript] Constructor 以及 Prototype

最新推荐文章于 2022-05-20 09:26:38 发布

iceman1952

最新推荐文章于 2022-05-20 09:26:38 发布

阅读量778

点赞数

分类专栏： JavaScript 文章标签： constructor javascript object prototype function inheritance

本文链接：https://blog.csdn.net/iceman1952/article/details/6776364

版权

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

一、任何一种类型的对象（Date, Object, String, RegExp, Array, Boolean）都有 constructor 属性

constructor 属性指向此类型对象的 constructor function（Date(), Object(), String(), RegExp(), Array(), Boolean()）

var d = new Date();
则 d.constructor == Date（true,另外：函数名和变量名一样，不就是 global object 或者 call object一个property嘛）

二、new 到底有什么神奇的？

调用构函时（其实算不上构函，因为，我们可以用任何一个函数作为构函，只要调用时，前面加个new就行），到底发生了什么
1、直接调用函数（不使用new），则返回啥就是啥（没出现return，则就返回undefined）。
2、加上new之后，就不一样啦。
a)无返回，obj 就是这个 new expression 的返回值；
b)有返回，则，obj就被抛弃啦，返回啥则obj就得到个啥

三、详细介绍下 var obj = new Object();

var obj = new Object();
1、new， create一个empty object: obj
2、obj.Object()（即在obj上调用 constructor function，也就是Object()，在Object()内部，this 就指向obj）
3、Object 的 prototype 也是被 new 设置的（注意：Object并没有prototype的属性）
4、 Object 的 prototype 其实就是 constructor function，也就是 Object()，的 prototype 属性的值

5、任何一个function 都的 prototype 属性，其初始值是 Object，此Object只有一个属性 constructor，而这个constructor 又指向constructor function ，也就是Object()

<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]);
				}
				var obj1 = {a:10, b:20, "c":"I'm a string"};
				var obj2 = new Object();
				obj2.x=1;
				obj2.y=2;
				obj2["z"]="HAHA";
				//会打印出：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" 
									οnclick="demoInheritance();"/>
		</form>
	</body>
	
</html>

iceman1952

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
[JavaScript] Constructor 以及 Prototype

一、任何一种类型的对象（Date, Object, String, RegExp, Array, Boolean）都有 constructor 属性constructor 属性指向此类型对象的 constructor function（Date(), Object()
复制链接

扫一扫