[JavaScript] Constructor 以及 Prototype

来源：互联网发布：ubuntu mldonkey 编辑：程序博客网时间：2024/04/29 05:57

一、任何一种类型的对象（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 Marvinvar str1 = new String("ABC");for(var tmpName in str1){alert(tmpName + ":" + str1[tmpName]);}//会打印出：myProp:Hello Marvinvar 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 Marvinvar today = new Date();alert("Today is:" + today);for(var tmpName in today){alert(tmpName + ":" + today[tmpName]);}//会打印出：myProp:Hello Marvinvar 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>