在Javascript中，一切都是对象，字符串是对象，数组是对象，变量是对象，函数也是对象，所以才会允许['a','b','c'].push('d');这样的操作存在。类本身也是一个对象，也可以定义属性和方法： 复制代码 代码如下: function Test(){}; Test.str = 'str'; Test.fun = function(){return 'fun';}; var r1 = Test.str; // str var r2 = Test.fun(); // fun var inst = new Test(); var r3 = inst.str; // undefined var r4 = inst.fun(); // undefinedprototype就是一个作用于类的属性。默认情况下，所有Javascript类都会有一个prototype属性，但是类实例没有。 function Test(){}; var p1 = typeof(String.prototype); // object var p2 = typeof(Test.prototype); // object var p3 = typeof(new Test().prototype); // undefined var p4 = typeof(Object.prototype); // object var p5 = typeof(new Object().prototype); // undefined取值与赋值 在Javascript中，当我们取一个对象中并不存在的属性或是方法时，它会试图查看该对象所对应的类中的prototype属性中是否包含该属性或是方法，而prototype也是一个Javascript对象，若是其中也没有，该prototype又会访问它对应的类的prototype，如此一级级地向上访问，直到找到需要的属性或方法，或是prototype属性为null。 复制代码 代码如下: function Test(){}; Test.test = 'str'; function pt1() { this.test1 = 'pt1'; }; function pt2() { this.test2 = 'pt2'; }; pt2.prototype.test3 = 'test3'; pt2.prototype.test1 = 'test4'; pt1.prototype = new pt2(); Test.prototype = new pt1(); var inst = new Test(); var p1 = inst.test; // undefined var p2 = inst.test1; // pt1 而不是 test4 var p3 = inst.test2; // pt2 var p4 = inst.test3; // test3相对于取值，赋值就简单得多了。 它并不会一层层向上查找prototype中的属性值，而直接对当前的实例进行赋值，没有则创建。 内置类的增强 在Javascript中并不能直接修改内置类的prototype。但是可以通过修改prototype的属性达到修改内置类行为的目的。 复制代码 代码如下: Array.prototype = {push:function(){alert('test1');}}; // 不起作用 Array.prototype.push = function(){alert('test2');}; // 可以 var test = new Array('a','b','c'); test.push('d'); // test2一次可以插入多个元素的Array.push函数： Array.prototype.pushs = function() { var pos = this.length; for(var i=0; i<arguments.length; i++) { this[++pos] = arguments[i]; } return this.length; } var test = new Array('a','b','c'); test.pushs('d','e'); 值得注意的是，为内置类的prototype添加的函数，在使用for语句输出属性时，也会被显示： 复制代码 代码如下: var str; for(var i in test) { str += (' ' + i); // '0 1 2 3 4 5 pushs' pushs自定义函数。 } 但是可以通过hasOwnProperty()进行判断： 复制代码 代码如下: var str; for(var i in test) { if(test.hasOwnProperty(i)) // 过滤掉pushs函数。 { str += (' ' + i); } } 一点点注意事项 前面说过，prototype是类的一个属性。更改prototype中的属性值，有可能会带来意想不到的灾难！ 复制代码 代码如下: function Test(){} Test.prototype.num = 3; var inst1 = new Test(); var inst2 = new Test(); Test.prototype.num = 4; // 所有指向Test.prototype.num的值。 var p1 = inst1.num; // 4 var p2 = inst2.num; // 4 inst1.num = 5; // 赋值，会为inst对象创建一个num属性。 Test.prototype.num = 6; // 所有指向Test.prototype.num的值。 var p3 = inst1.num; // 5 这里返回的是刚创建的inst1.num的值，而不是Test.prototype.num的值。 var p4 = inst2.num; // 6 delete Test.prototype.num; var p5 = inst1.num; // 5 inst1.num依然存在。 var p6 = inst2.num; // undefined Test.prototype.num 被删除了。

　　推荐阅读

　　一个报数游戏js版(约瑟夫环问题)

这个也算是老题目了，园子里边也曾针对此题有过激烈的讨论，那时候追求用oo来解决。如今既然又有人提了出来，我便抽了点时间写了写自己的想法: 复制代码 代码如下: <script type="text/javascript"> var a_game = >>>详细阅读

本文标题：javascript中的prototype属性实例分析说明

地址：http://www.17bianji.com/kaifa2/JS/25891.html

 1/2    1