测试javascript的继承机制,首先,要理解什么叫继承:继承主要是指子类拥有父类开放的属性及方法,其实javascript是不包含继承这种机制的,但是在现在这个面向对象充斥着开发人员的开发的时候,难免javascript也要模拟这样的一种写吧,尽量满足大部份开发人员的开发习惯,下面请看javascript是如何实现这些继承体系的。
1.先定义一个父类Person
- function Person(name, sex) {
-
this.name = name;
-
this.sex = sex;
-
this.move = function() {
-
alert("move");
- };
- }
function Person(name, sex) {
this.name = name;
this.sex = sex;
this.move = function() {
alert("move");
};
}
2.对象冒充
可以冒充得到正确结果,其实javascript是这样的,将整个方法替换掉pe,当我们调用this.(name,sex);时相当于在Man里面执行上面的那一段代码,而此时的this已经代表的是Man对象,使Man也具有了name,sex等属性与及move方法。
- function Man(name, sex, address, phone) {
-
this.pe = Person;
-
this.pe(name, sex);
-
delete this.pe;
-
this.address = address;
-
this.phone = phone;
- }
-
-
function Woman(name, sex, birthday) {
-
this.pe = Person;
-
this.pe(name, sex);
-
delete this.pe;
-
this.birthday = birthday;
- }
function Man(name, sex, address, phone) {
this.pe = Person;
this.pe(name, sex);
delete this.pe;
this.address = address;
this.phone = phone;
}
function Woman(name, sex, birthday) {
this.pe = Person;
this.pe(name, sex);
delete this.pe;
this.birthday = birthday;
}
3.call 方法实现继承,call方法里面会将this及Person中的参数传递到调用的方法中,此时的this代表的是Man2对象,当调用到Person的构造方法的时候,调用this.name的时候已经是Man2.name了,这种方法也可以实现继承。
- function Man2(name, sex, address, phone) {
-
Person.call(this, name, sex);
-
this.address = address;
-
this.phone = phone;
- }
function Man2(name, sex, address, phone) {
Person.call(this, name, sex);
this.address = address;
this.phone = phone;
}
4.apply 方法实现继承,其实apply方法和call方法是一样,只不过apply传递过去的参数要用一个数据包装起来而已。
- function Man3(name, sex, address, phone) {
-
Person.apply(this, new Array(name, sex));
-
this.address = address;
-
this.phone = phone;
- }
function Man3(name, sex, address, phone) {
Person.apply(this, new Array(name, sex));
this.address = address;
this.phone = phone;
}
5.若父类中有通过prototype定义的方法或者属性,上述的三种方法无法实现继承。
原型链的缺点是不支持多继承。
原型prototype链如下:
- function Person2() {
-
- }
-
-
Person2.prototype.name = "";
-
Person2.prototype.sex = "";
-
Person2.prototype.move = function() {
-
alert(this.name);
- };
-
-
function Man4() {
-
- }
-
-
Man4.prototype = new Person2();
function Person2() {
}
Person2.prototype.name = "";
Person2.prototype.sex = "";
Person2.prototype.move = function() {
alert(this.name);
};
function Man4() {
}
Man4.prototype = new Person2();
5.混合方式,通过混合方式,可以达到最大的重用。
function Person3(name, sex) {
this.name = name;
this.sex = sex;
}
Person3.prototype.login = function() {
alert("prototype constructual");
};
function Man5(name, sex, birthday) {
Person3.call(this, name, sex);
this.birthday = birthday;
}
Man5.prototype = new Person3();
Man5.prototype.say = function() {
alert("say hello!");
};
分享到:
相关推荐
除了传统的原型链继承,JavaScript还支持其他继承模式,如组合继承(组合使用构造函数和原型链)、寄生继承(通过创建父类副本改进继承)、原型式继承(使用`Object.create()`)、寄生组合式继承(被认为是最有效的...
JavaScript继承机制研究 在本文中,我们将深入探讨JavaScript继承机制的实现方式,并对基于原型的继承、构造函数方式继承、组合继承、寄生式继承等继承机制进行了总结归纳和分析。 基于原型的继承 JavaScript是...
本文将深入探讨JavaScript继承的实现方式,以及其中的问题和解决方案。 首先,我们来看混合方式的实现,这种方式结合了原型链和对象冒充。在JavaScript中,构造函数是用于创建特定类型对象的函数。例如,`Employee`...
这里我们将深入探讨JavaScript继承的特性以及实践应用。 首先,JavaScript的继承基于原型链。每个对象都有一个`__proto__`属性,指向创建它的构造函数的原型对象。当试图访问对象的一个属性时,JavaScript会沿着...
JavaScript 继承是面向对象编程中的关键概念,它允许创建基于现有对象的新对象,从而能够复用和扩展已有功能。本文将深入探讨JavaScript中的几种继承方式,包括它们的基本原理、优缺点以及适用场景。 首先,原型链...
本文将深入探讨JavaScript继承的六大模式:原型链、借用构造函数、组合继承、原型式继承、寄生式继承以及寄生组合式继承。 1. **原型链** 原型链是JavaScript中最基础的继承方式,通过原型对象的引用实现。每个...
在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的...
JavaScript 继承之为什么要继承 JavaScript 中的继承机制是指子类继承父类的属性和方法,使得子类可以拥有父类的所有特征。继承是面向对象编程的基本机制之一,它可以实现代码复用、提高编程效率和增强代码的可维护...
JavaScript继承机制探讨及其应用 JavaScript是一门弱类型语言,具有函数式编程和面向对象编程的特点。随着近几年JavaScript生态圈的发展和成熟,项目的编码量和复杂度也在呈几何级数增长。JavaScript面向对象编程中...
1. **JavaScript继承** - **原理**:JavaScript的继承主要是通过原型链(prototype chain)来实现的。每个JavaScript对象都有一个内部属性[[Prototype]],通常可以通过`__proto__`访问,或通过`Object....
在深入理解JavaScript继承之前,我们需要掌握几个核心概念:父类(也称作超类)是指被继承的类,子类是通过继承父类得到的类,抽象类通常不用于实例化,而是作为其他类继承的基础,基类是提供给其他类继承的类,派生...
### JavaScript继承的三种方法实例详解 #### 一、概述 在JavaScript中,虽然原生语言层面没有提供传统意义上的“类”这一概念,但它通过构造函数和原型链等机制实现了类的功能,尤其是继承这一核心概念。继承是...
本文将深入探讨JavaScript继承的实现,并分析其潜在的问题和解决方案。 首先,我们来看混合方式的实现,这是一种常见的继承策略,结合了原型链和构造函数继承。在JavaScript中,对象的属性和方法可以通过原型链进行...
zInherit是一种常用的JavaScript继承实现方式,它通过修改对象的`__proto__`属性来实现继承。`__proto__`指向父对象的原型,从而使得子对象能够访问父对象的属性和方法。但是,`__proto__`并不是所有浏览器都支持的...
JavaScript继承的实现方式多样,除了原型链之外,还有如下几种常见方式: 1. **构造函数继承**:通过调用父构造函数来初始化子对象,但不能避免方法重复。 2. **原型链继承**:通过修改子构造函数的原型使其指向父...
本篇文章将深入探讨JavaScript继承的实例,以及如何通过继承来提高代码的可维护性和效率。 首先,我们需要了解JavaScript中的原型(prototype)机制。每个JavaScript对象都有一个内部属性[[Prototype]],通常通过`_...