javascript原型及原型链.doc

javascript原型与原型链 学习javascript原型与原型链原理，能够更深入的理解javascript数据类型的使用；在往后的程序开发过程中能够有效的利用javascript编程语言的特点，编写出高效率的程序。 一般情况下编写javascript程序，创建对象的抒写方式是 script language=javascript type=text/javascript var user={ name:小红, age:12 }; /script function max(a1,a2){ if(a1a2){ return a1; }; return a2; }; var max=function(a1,a2){ if(a1a2){ return a1; }; return a2; }; function User(name,age){ this.name=name; this.age=age; }; 使用 new 关键字来创建 User 函数对象的实例化对象： 如果不涉及js面向对象编程的概念，正常意义上的this关键字所代表的其实是window对象，自定义的变量，函数都隶属于window对象。 通过new关键字能够新创建内存空间，所自定义的变量和函数都隶属于当前操作对象，不隶属于window对象。 例如： var user1=new User(小红,23); var user2=new User(小明,24); user1和user2两个变量同时都使用User函数对象初始化，其中的数据(小红,小明)都各自保存在自己内存空间的name变量中。 user1.name; //小红 user2.name; //小明 所谓普通对象是通过 new 关键字使用函数对象创建出来的变量都是普通对象，如： var user1=new User(小红,23); //user1 就是普通对象 那么还有一种对象是如下的定义方式，我们会有疑问这种对象并没有使用new 关键字？ var test={ name:小明, sex:女 }; 其实这种对象也是通过new 关键字创建的，属于系统隐含创建，其使用的函数对象是系统默认的： function Object(){ } 系统应该是这样隐含定义的： var user=new Object(); 为什么能够推理出 自定义对象 {} 是由Object 函数对象初始化的呢？这就要引入我们的主题：原型与原型链 原型 javascript中所有的函数对象都具有一个原型实例，所谓原型就是这个函数对象是由哪个函数对象的实例产生的。 //我们可以使用 全等符号 === 来测试函数对象中原型的存在： 函数对象获取原型对象： function User(name,age){ this.name=name; this.age=age; }; User.prototype //prototype 即返回原型对象。 function User(){ }; var user1=new User(); User.prototype=user1; User.prototype.constructor=User; 系统默认的prototype，就是函数对象自己，使用 new 关键字产生的普通对象。 注意：prototype.constructor 构造器所指向的一般是函数对象自己，用于当程序运行时使用 new 关键字创建对象时，根据constructor调用;如果prototype 被使用 new 赋值过其他函数对象，则constructor会被清空，需要重新为constructor赋值。 普通对象也可以获取原型对象，用以说明这个这个普通对象是由哪个函数对象创建的： var user1=new User(); user1.__proto__ 说明：__proto__ 用于指向创建user1的函数对象(User)的原型对象(prototype)。 测试： function User(name,age){ this.name=name; this.age=age; }; var user1=new User(小红,23); window.alert(user1.__proto__===(User.prototype) ); //弹出 true function Job(job,level){ this.job=job; this.level=level; this.dis=function(){ var str=; str+=\n工作：+this.job; str+=\n职位：+this.level; return str; }; }; function User(name,sex){