javascript继承的作用是什么

今天小编给大家分享一下javascript继承的作用是什么的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。 javascript继承的作用：1、可以不调用“父类”的构造方法就创造新的实例；2、修改“父类”的prototype可以动态修改所有已经创造的实例；3、可以动态修改一个对象的原型。本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。JavaScript 是以对象为基础，以函数为模型，以原型为继承的面向对象开发模式。
javascript继承的作用：1、可以不调用「父类」的构造方法就创造新的实例2、修改「父类」的 prototype 可以动态修改所有已经创造的实例3、可以动态修改一个对象的原型，也就是说爹妈可以换下面介绍定义 JavaScript 类型的方法，以及实现继承的常用模式。构造原型直接使用 prototype 原型设计类的继承存在两个问题。由于构造函数事先声明，而原型属性在类结构声明之后才被定义，因此无法通过构造函数向原型动态传递参数。这样实例化对象都是一个模样，没有个性。要改变原型属性值，则所有实例都会受到干扰。当原型属性的值为引用类型数据时，如果在一个对象实例中修改该属性值，将会影响所有的实例。示例1简单定义 Book 类型，然后实例化。由于原型属性 o 为一个引用型的值，所以所有实例的属性 o 的值都是同一个对象的引用，一旦 o 的值发生变化，将会影响所有实例。构造原型正是为了解决原型模式而诞生的一种混合设计模式，它把构造函数模式与原型模式混合使用，从而避免了上述问题的发生。实现方法：对于可能会相互影响的原型属性，并且希望动态传递参数的属性，可以把它们独立出来使用构造函数模式进行设计。对于不需要个性设计、具有共性的方法或属性，则可以使用原型模式来设计。示例2遵循上述设计原则，把其中两个属性设计为构造函数模式，设计方法为原型模式。构造原型模式是 ECMAScript 定义类的推荐标准。一般建议使用构造函数模式定义所有属性，使用原型模式定义所有方法。这样所有方法都只创建一次，而每个实例都能够根据需要设置属性值。这也是使用最广的一种设计模式。动态原型根据面向对象的设计原则，类型的所有成员应该都被封装在类结构体内。例如：但当每次实例化时，类 Book 中包含的原型方法就会被重复创建，生成大量的原型方法，浪费系统资源。可以使用 if 判断原型方法是否存在，如果存在就不再创建该方法，否则就创建方法。typeof Book.isLock 表达式能够检测该属性值的类型，如果返回为 undefined 字符串，则不存在该属性值，说明没有创建原型方法，并允许创建原型方法，设置该属性的值为 true，这样就不用重复创建原型方法。这里使用类名 Book，而没有使用 this，这是因为原型是属于类本身的，而不是对象实例的。动态原型模式与构造原型模式在性能上是等价的，用户可以自由选择，不过构造原型模式应用比较广泛。工厂模式工厂模式免费云主机、域名是定义类型的最基本方法，也是 JavaScript 最常用的一种开发模式。它把对象实例化简单封装在一个函数中，然后通过调用函数，实现快速、批量生产实例对象。示例1下面示例设计一个 Car 类型：包含汽车颜色、驱动轮数、百公里油耗 3 个属性，同时定义一个方法，用来显示汽车颜色。上面代码是一个简单的工厂模式类型，使用 Car 类可以快速创建多个汽车实例，它们的结构相同，但是属性不同，可以初始化不同的颜色、驱动轮数和百公里油耗。示例2在类型中，方法就是一种行为或操作，它能够根据初始化参数完成特定任务，具有共性。因此，可以考虑把方法置于 Car() 函数外面，避免每次实例化时都要创建一次函数，让每个实例共享同一个函数。在上面这段重写的代码中，在函数 Car() 之前定义了函数 showColor()。在 Car() 内部，通过引用外部 showColor() 函数，避免了每次实例化时都要创建一个新的函数。从功能上讲，这样解决了重复创建函数的问题；但是从语义上讲，该函数不太像是对象的方法。类继承类继承的设计方法：在子类中调用父类构造函数。在 JavaScript 中实现类继承，需要注意以下 3 个技术问题。在子类中，使用 apply 调用父类，把子类构造函数的参数传递给父类父类构造函数。让子类继承父类的私有属性，即 Parent.apply(this, arguments); 代码行。在父类和子类之间建立原型链，即 Sub.prototype = new Parent(); 代码行。通过这种方式保证父类和子类是原型链上的上下级关系，即子类的 prototype 指向父类的一个实例。恢复子类的原型对象的构造函数，即 Sub.prototype.constructor=Sub;语句行。当改动 prototype 原型时，就会破坏原来的 constructor 指针，所以必须重置 constructor。示例1下面示例演示了一个三重继承的案例，包括基类、父类和子类，它们逐级继承。【设计思路】设计子类 Sub 继承父类 Parent，而父类 Parent 又继承基类 Base。Base、Parent、Sub 三个类之间的继承关系是通过在子类中调用的构造函数来维护的。例如，在 Sub 类中，Parent.apply(this, arguments); 能够在子类中调用父类，并把子类的参数传递给父类，从而使子类拥有父类的所有属性。同理，在父类中，Base.call(this, a.length); 把父类的参数长度作为值传递给基类，并进行调用，从而实现父类拥有基类的所有成员。从继承关系上看，父类继承了基类的私有方法 get()，为了确保能够继承基类的原型方法，还需要为它们建立原型链，从而实现原型对象的继承关系，方法是添加语句行 Parent.prototype=new Base();。同理，在子类中添加语句 Sub.prototype=new Parent();，这样通过原型链就可以把基类、父类和子类串连在一起，从而实现子类能够继承父类属性，还可以继承基类的属性。示例2下面尝试把类继承模式封装起来，以便规范代码应用。【操作步骤】1) 定义一个封装函数。设计入口为子类和父类对象，函数功能是子类能够继承父类的所有原型成员，不涉及出口。2) 在函数体内，首先定义一个空函数 F，用来实现功能中转。设计它的原型为父类的原型，然后把空函数的实例传递给子类的原型，这样就避免了直接实例化父类可能带来的系统负荷。因为在实际开发中，父类的规模可能会很大，如果实例化，会占用大量内存。3) 恢复子类原型的构造器为子类自己。同时，检测父类原型构造器是否与 Object 的原型构造器发生耦合。如果是，则恢复它的构造器为父类自身。下面定义两个类，尝试把它们绑定为继承关系。在函数类封装函数中，有这么一句 Sub.sup=Sup.prototype;，在上面代码中没有被利用，那么它有什么作用呢？为了解答这个问题，先看下面的代码。上面的代码是在调用封装函数之后，再为 B 类定义了一个原型方法，该方法名与基类中原型方法 add() 同名，但是功能不同。如果此时测试程序，会发现子类 B 定义的原型方法 add() 将会覆盖父类 A 的原型方法 add()。如果在 B 类的原型方法 add() 中调用父类的原型方法 add()，避免代码耦合现象发生。以上就是“javascript继承的作用是什么”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注云技术行业资讯频道。

相关推荐: CSS重要知识点有哪些

这篇文章主要讲解了“CSS重要知识点有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS重要知识点有哪些”吧！SelectorsRoot使用root可以让你在DOM中选择最高级父元素。如果你在写HTML,…