js prototype 理解

简单理解:prototype对象是实现面向对象的一个重要机制。每个函数也是一个对象，它们对应的类就是

function，每个函数对象都具有一个子对象prototype。Prototype 表示了该函数的原型，

prototype表示了一个类的属性的集合。当通过new来生成一个类的对象时，prototype对象的属

性就会成为实例化对象的属性。 (类似反射出来的一样)

ps.(在JS 里面 全都是对象，  类Function是function的顶级超类，function实例化了叫对象，在function未实例定义的时候，其实这个定义也是属于Function)

1. <script>
2. /*
3. * 关于prototype,理解这个很有必要
4. * 可以在类型上使用proptotype来为类型添加行为。这些行为只能在类型的实例上体现。
5. * JS中允许的类型有Array, Boolean, Date, Enumerator, Error, Function, Number, Object, RegExp, String
6. * 以后这样分，没有实例化的类称为类型，实例化的类称为对象实例简称实例
7. */
9. Object.prototype.name = "zhangsan";
10. Object.prototype.nihao = function(){
11. alert("i can method name is "+this.name);
12. }
14. var obj = new Object();
15. obj.nihao();
16. alert(obj.name);
18. //在实例上不能使用prototype，否则会发生编译错误
19. obj.prototype.sex = "男";//error,无法给一个实例prototype
20. var o = {
21. name:"zhangsan"
22. }
23. o.prototype.age = 30;//error,无法给一个实例prototype
25. //可以为类型定义“静态”的属性和方法，直接在类型上调用即可
26. alert(Object.name);
27. Object.nihao();
29. //实例不能调用类型的静态属性或方法，否则发生对象未定义的错误。
30. Object.class = "三年二班";//类静态属性
31. var ob = new Object();
32. alert(ob.class); //error 实例不能调用类型的静态属性和方法
34. //可以在外部使用prototype为自定义的类型添加属性和方法。
35. function Mytest(){
36. this.name = "zhangsan";
37. this.age = 20;
38. }
40. Mytest.prototype.hello = function(){
41. alert(this.name);
42. }
43. var m = new Mytest();
44. m.hello();
46. //在外部不能通过prototype改变自定义类型的属性或方法。
47. //该例子可以看到：调用的属性和方法仍是最初定义的结果。
48. Mytest.prototype.name = "lisi";
49. var mm = new Mytest();
50. alert(mm.name);
52. //可以在对象实例上改变或增加属性。（这个是肯定的）
53. //也可以在对象上改变或增加方法。（和普遍的面向对象的概念不同）
54. mm.name2 = "lisi";
55. mm.hello = function(){
56. alert(this.name2);
57. }
58. //mm.hello();
60. //继承，这个例子说明了一个类型如何从另一个类型继承。
61. function Mytest2(){}
62. Mytest2.prototype = new Mytest;
63. var m2 = new Mytest2();
64. alert(m2.name);
66. //这个例子说明了子类如何重写父类的属性或方法。
67. Mytest2.prototype.name = "wangwu";
68. Mytest2.prototype.hello = function(){
69. alert('i can mytest2 extend Mytest save method hello');
70. }
71. var m3 = new Mytest2();
72. m3.hello();
74. //子类中的name属性值不会被父类覆盖
75. function Mytest3(){
76. this.name = "子类中的name属性值不会被父类覆盖";
77. this.age = 20;
78. }
79. Mytest3.prototype = new Mytest();
80. var m4 = new Mytest3();
81. alert(m4.name);
83. </script>