现在的位置: 首页 > 综合 > 正文

[JavaScript] Constructor 以及 Prototype

2013年10月09日 ⁄ 综合 ⁄ 共 1643字 ⁄ 字号 评论关闭

一、任何一种类型的对象(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" 
									onclick="demoInheritance();"/>
		</form>
	</body>
	
</html>

抱歉!评论已关闭.