理解类、对象、实例、原型链以及继承 - WPF特工队内部资料
理解类、对象、实例、原型链以及继承
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>理解类、对象、实例、原型链以及继承</title> </head> <body> </body> </html> <script type="text/javascript"> /* * 理解类、对象、实例、原型链以及继承 * * */ /** * 声明父类 * @constructor SuperClass */ function SuperClass() { this.superValue = "我是SuperClass父类的属性'superValue'"; } SuperClass.prototype.getSuperValue = function () { return this.superValue; } /** * 声明子类 * @constructor */ function SubClass() { this.subValue = "我是SubClass子类的属性'subValue'" } /* * 为什么使用继承？为什么使用面向对象编程？什么是类？ * 类：对一类事物的行为和属性的抽象；人类，禽类(家禽类，飞禽类)，哺乳动物类等等有相同行为和属性的事物进行抽象； * OOP：面向对象编程； * 为什么使用面向对象编程：直白一点就是写更少的代码做更多的事情，另外就是提升代码的可维护性和可读性； * 当然重要的面向对象的是设计而不是编程语言，语言仅仅我们理解设计和实现设计的一种方式； */ var _subClass = new SubClass(); /* * 到目前为止SuperClass类和SubClass没有建立继承关系，怎么使用类式继承的方式实现继承关系？ * */ //类式继承 SubClass.prototype = new SuperClass(); //为子类添加新属性和方法 SubClass.prototype.getSubValue = function () { return this.subValue; } /* * 在学习过程中，为了方便理解，我们将首字符大些的函数都称为类。让我们更方便、容易的理解对象，类，实例之间的关系； * * 类的原型对象： * 类的原型对象的作用就是为类添加【共有】属性和方法，但是类不能直接访问这些属性和方法，必须通prototype属性进行访问， * 我们创建类实例时，类实例除了会复制一份自身实例属性和方法外，还会包含一个影藏的属性__proto__， * 这个属性指向的是类的prototype属性， * 并且prototype属性的constructor属性指向的是当前类对象，这样子就构成了类的原型链； * 不管我们是修改prototype的值还是constructor所指向的类的对象，都会影响原型链，如果不能一一对应，都会破坏类的完整性； * * 为什么这么写就实现了继承呢？ * * 1、在前面的原型链中我们使用checkObj.prtotype = {};这种方式对函数进行封装，使得checkObj对象包含我们所需要的属性和方法； * 2、var _superClass = new SuperClass();，所得到就是一个对象，我们剔除里面的属性和方法，是不是就是一个{}对象； * 3、由此简化，我们就可以看出类式继承其实我们很早就用过，只是一直不知道而已； * 4、因为javascript是没有继承这些个花里胡哨的东西的，这些概念都是模拟的，现在我们来还原这个SubClass类的原型链； * 1.SubClass类没有执行SubClass.prototype = new SuperClass();之前，他的原型链可以参见【类的原型对象】分析： * var _subClass = new SubClass(); * _subClass.__proto__ === SubClass.prototype； * SubClass.prototype.constructor = function SubClass(){} * 以上是在没有执行类式继承的原型链； * 2.执行SubClass.prototype = new SuperClass()后，他的原型链就变成如下： * var _subClass = new SubClass(); * _subClass.__proto__ === SuperClass.prototype； * SuperClass.prototype.constructor = function SuperClass(){} * 以上是在执行类式继承后的原型链； * * 当一个类是否完成了对类的继承，我们可以使用instanceof来检测 * * 综上所述：类式继承通过修改类的原型指向的对象实例来实现对类的继承。 * * */ var _superClass = new SuperClass(); console.log(_superClass); var _subClass = new SubClass(); console.log(_subClass.getSuperValue()); console.log(_subClass.getSubValue()); //instanceof：用来检测某个实例是不是某个类的实例 console.log(_subClass instanceof SuperClass); console.log(_subClass instanceof SubClass); /* * 实现继承的目的就是维持原型链的完整， * 不管是后续我们提到的构造函数继承， * 组合式继承，原型式继承，寄生式继承， * 组合寄生式继承都是为了满足参数和原型链的完美转移(对象关系的转换)； * * 组合式继承，原型式继承，寄生式继承，组合寄生式继承 * 都是满足参数和原型链的完美转移而衍生出来的补丁， * 并正确的演绎出继承实际效果， * 在实际项目中，使用哪种方式实现对象关系的转换， * 根据实际业务场景来确定，选择最优者就可以； * */ </script>
