《JavaScript继承与原型》课件.pptVIP

*****************************工厂模式工厂函数创建一个工厂函数来创建对象。返回对象工厂函数返回创建的对象。原型模式原型对象创建一个原型对象，包含共享的属性和方法。创建实例创建新对象，并设置其原型为原型对象。动态原型模式第一次实例化在构造函数中创建原型对象。后续实例化直接使用已创建的原型对象。寄生构造函数模式1创建函数创建一个函数来创建对象。2修改原型修改函数的原型。3返回对象返回创建的对象。稳妥构造函数模式创建对象使用{}创建对象。添加属性手动添加属性和方法。返回对象返回创建的对象。函数的prototype属性1prototype2属性3方法对象的__proto__属性1访问原型访问对象的原型对象。构造函数的显式原型设置原型可以通过构造函数的prototype属性设置原型对象。实例的隐式原型访问原型可以通过__proto__属性访问实例的原型对象。原型链实例的__proto__属性指向构造函数的prototype属性。原型链的终点终点原型链的终点是Object.prototype。Object.prototypeObject.prototype没有原型对象，其原型为null。Object.getPrototypeOf()1获取原型获取对象的原型对象。2替代__proto__是__proto__属性的标准方法。判断原型和实例的关系instanceof判断一个对象是否为另一个对象的实例。isPrototypeOf()判断一个对象是否是另一个对象的原型。hasOwnProperty()1检查属性检查对象自身是否拥有某个属性。2不查找原型链只检查对象自身，不查找原型链。in操作符检查属性检查对象自身或原型链上是否存在某个属性。查找原型链会查找原型链上的属性。对象属性枚举1for...in循环2Object.keys()3Object.getOwnPropertyNames()原型对象的陷阱1意外修改意外修改原型对象会影响所有实例。2属性覆盖子类属性覆盖父类属性。继承的实现方式原型继承通过原型链实现继承。构造函数继承通过调用父类构造函数实现继承。组合继承结合原型继承和构造函数继承。原型继承的问题共享属性所有实例共享原型上的属性。参数传递无法向父类构造函数传递参数。借用构造函数继承的问题原型方法无法继承父类原型上的方法。组合继承的问题1两次调用父类构造函数被调用两次。寄生组合继承的优点1高效只调用一次父类构造函数。2避免重复避免了组合继承中父类构造函数的重复调用。寄生组合继承的实现创建临时函数创建一个临时函数继承父类原型。设置子类原型将子类原型指向临时函数的实例。调用父类构造函数在子类构造函数中调用父类构造函数。ES6class语法糖简化语法提供更简洁的语法来实现继承。易于理解更易于理解和使用。class关键字定义类使用class关键字定义类。constructor方法1构造函数类的构造函数。extends关键字继承类使用extends关键字继承其他类。super()方法1调用父类构造函数在子类构造函数中调用父类构造函数。静态方法定义静态方法使用static关键字定义静态方法。类方法不需要实例化即可调用。总结与思考本课程讲解了JavaScript继承与原型的各种方法，从原型链继承到ES6的class语法，以及各种模式的优缺点比较。希望大家能融会贯通，灵活运用。***JavaScript继承与原型本课程将深入探讨JavaScript中的继承和原型机制，帮助你理解JavaScript对象模型的核心概念，并掌握各种继承模式的优缺点和实现方式。我们将从基础概念开始，逐步深入，最终达到熟练运用JavaScript继承和原型链解决实际问题。什么是继承？概念继承是面向对象编程中的一个重要概念，它允许一个类（称为子类或派生类）继承另一个类（称为父类或基类）的属性和方法。作用继承可以提高代码的可重用性、可维护性和可扩展性，减少代码冗余，并促进代码模块化。JavaScript中的继承JavaScript使用原型链机制实现继承，这与传统的面向对象语言的继承机制有所不同。原型链继承基本原理原型链继承是通过将子类的原型指向父类的实例来实现继承的。子类可以使用父类原型上的属性和方法。优缺点优点：简单易懂。缺点：所有实例共享父类原型上的属性，修改一个