24_面向对象程序设计(原型【七】深入解析原型继承的概念
2015-03-16 00:00
309 查看
摘要: 原型继承
我们都知道构造函数、原型和实例直接的关系,如果我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然此时的原型对象将包含一个指向另一个原型的指针,相应的另一个原型中也包含着一个指向另一个构造函数的指针(即实现了原型链继承)。
原型链:利用原型让一个引用类型继承另外一个引用类型的属性和方法。
我们都知道构造函数、原型和实例直接的关系,如果我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然此时的原型对象将包含一个指向另一个原型的指针,相应的另一个原型中也包含着一个指向另一个构造函数的指针(即实现了原型链继承)。
//JS中怎么去实现继承:采用原型链的概念 //构造函数 原型对象 实例对象 //1 构造函数.prototype = 原型对象 //2 原型对象.constructor = 构造函数(模板) //3 原型对象.isPrototypeOf(实例对象) 判断实例对象的原型是不是当前对象 //4 构造函数 实例对象 (类和实例的关系,通过new关键字) //父类构造函数 Super function Super(name){ this.name = name; }; //父类的原型对象 Super.prototype = { constructor : Super, sayName : function(){ console.info(this.name); } }; //子类构造函数 Sub function Sub(age){ this.age = age; }; //如果我们让子类的原型对象等于父类的实例对象,结果会怎样呢??(实现了js的继承) //1 子类的原型对象(即父类的实例对象)将与父类的原型对象有一个关系 // Super的实例对象 和 Super的原型对象有一个关系 //2 父类的原型中包含着一个指向父类构造函数的指针 // Sub类的原型对象的构造器变成了Super类的构造器 // 经过以上步骤形成了一个链式结构 // Sub.prototype = new Super("张三"); console.info(Sub.prototype.constructor); //Super var sub1 = new Sub(); console.info(sub1.name); sub1.sayName();
原型链:利用原型让一个引用类型继承另外一个引用类型的属性和方法。
相关文章推荐
- 18--26 面向对象程序设计24(深入解析原型继承的概念)
- 26_面向对象程序设计(原型【九】模拟extjs底层继承方式
- 19_面向对象程序设计(原型【二】概念详解)
- 面向对象的程序设计(十一)继承的深入了解,了解他的作用
- 25_面向对象程序设计(原型【八】继承的三种方式
- JavaScript学习之路<十二> JS面向对象程序设计--原型深入
- 深入理解JavaScrip面向对象和原型继承
- 面向对象概念解析
- JavaScript 面向对象程序设计(下)——继承与多态
- JavaScript 面向对象程序设计(下)——继承与多态
- 【JavaScript】面向对象程序设计-继承与多态
- JavaScript面向对象程序设计三 原型模式(上)
- 面向对象程序设计的概念
- 面向对象程序设计的几个基本概念
- JavaScript 面向对象程序设计(下)——继承与多态
- 面向对象程序设计--概念理解
- 构造函数 + 原型链继承 + 临摹面向对象模式的canvas动画框架
- JavaScript面向对象程序设计三——原型模式(上)
- 浙大面向对象程序设计笔记.类与对象的基本概念
- JavaScript 面向对象程序设计(下)——继承与多态