Javascript原型链的原理.docVIP

Javascript原型链的原理 一、JavaScript原型链 　　ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。在JavaScript中，用 __proto__ 属性来表示一个对象的原型链。当查找一个对象的属性时，JavaScript 会向上遍历原型链，直到找到给定名称的属性为止！ 比如现在有如下的代码： 扩展Object类，添加Clone和Extend方法 复制代码 1 /*扩展Object类，添加Clone，JS实现克隆的方法*/ 2 Ototype.Clone = function(){ 3 var objClone; 4 if (this.constructor == Object){ 5 objClone = new this.constructor(); 6 }else{ 7 objClone = new this.constructor(this.valueOf()); 8 } 9 for(var key in this){ 10 if ( objClone[key] != this[key] ){ 11 if ( typeof(this[key]) == object ){ 12 objClone[key] = this[key].Clone(); 13 }else{ 14 objClone[key] = this[key]; 15 } 16 } 17 } 18 objClone.toString = this.toString; 19 objClone.valueOf = this.valueOf; 20 return objClone; 21 } 22 23 /*扩展Object类，添加Extend方法来实现JS继承, 目标对象将拥有源对象的所有属性和方法*/ 24 Ototype.Extend = function (objDestination, objSource) { 25 for (var key in objSource) { 26 if (objSource.hasOwnProperty(key) objDestination[key] === undefined) { 27 objDestination[key] = objSource[key]; 28 } 29 } 30 return objDestination; 31 } 复制代码 定义Person类 1 /*定义一个Person类*/ 2 function Person(_name,_age){ 3 = _name; 4 this.age = _age; 5 } 　　在JavaScript中，Object类是所有类的父类，所以Person类从Object类继承，继承了Object类的所有public属性和public方法，包括Object类新添加的Clone和Extend方法 可以用如下的代码证明，Person类确实是继承了Object类 复制代码 1 document.write(pre); 2 3 var p = new Person(孤傲苍狼,24);//创建一个人，名字是孤傲苍狼 4 var cloneP = p.Clone();//p调用在Object类中定义的Clone方法来克隆自己，如果能得到一个cloneP，那就证明了Person类确实是继承了Object类，所以就拥有了Clone 5 document.writeln(p是使用Person类以构造函数的方式创建出来的对象， = ++，p.age = +p.age); 6 document.writeln(cloneP是p调用Clone方法克隆出来的对象，cloneP.name = +cloneP.name+，cloneP.age = +cloneP.age); 7 document.writeln(cloneP对象和p对象是两个相互独立的对象，这两个对象的内存地址肯定是不相等，p == cloneP的结果是：+(p == cloneP)); 8 cloneP.name=白虎神皇;//修改cloneP的名字 9 document.writeln(clon