`

javascript继承小例子(原型链与对象冒充)

阅读更多
function ClassA(sColor){
	this.color = sColor;
}

ClassA.prototype.sayColor = function(){
	alert(this.color);
};

function ClassB(sColor , sName){
	// 使用call继承ClassA构造中定义的属性和方法(对象冒充)
	ClassA.call(this , sColor);
	this.name = sName;
}

// 这种方式将继承ClassA中prototype中的属性和方法(原型链)
ClassB.prototype = new ClassA();

// 注意子类的所有方法和属性必须出现在prototype属性被赋值后
ClassB.prototype.sayName = function(){
	alert(this.name);
}

function myload(){
	var objA = new ClassA("red");
	var objB = new ClassB("blue" , "Nicholas");
	
	objA.sayColor();
	objB.sayColor();
	objB.sayName();
}


分享到:
评论

相关推荐

    基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解

    构造函数、原型实现继承的缺陷 ...这种方式同样适用于继承机制,用对象冒充继承构造函数的属性,用原型链继承 prototype 对象的方法。用这两种方式重写前面的例子,代码如下: 代码如下:function ClassA(sColo

    Javascript 继承实现例子

    JavaScript中的继承是面向对象编程的关键...在这个例子中,我们看到了JavaScript中如何通过构造函数/原型链组合实现继承,以及动态原型的一些限制。理解这些概念对于在JavaScript中构建复杂的面向对象系统至关重要。

    简单分析javascript面向对象与原型

    JavaScript的对象继承是基于原型链的。每个对象都有一个内部的`[[Prototype]]`属性,通常可以通过`__proto__`或`Object.getPrototypeOf()`访问。`instanceof`操作符用于检测一个对象是否属于某个构造函数的实例。...

    JavaScript继承学习笔记【新手必看】

    JavaScript继承是JavaScript面向对象编程的重要概念,它允许子类继承父类的属性和方法,从而实现代码的复用。在JavaScript中,由于没有传统的类,所以继承不是通过类来实现的,而是通过其他机制,如原型链继承和借用...

    Javascript数组操作高级心得整理

    第一章JavaScript基础 1. 如何实现JavaScript 4 (1) 如何把JavaScript代码放...(4) 继承方式3—原型链(prototype chaining) 29 (5) 继承方式4—混合方式 29 附:ECMAScript关键字与保留字 1. 关键字 30 2. 保留字 30

    JavaScript中的对象继承关系

    在JavaScript中,对象继承是实现面向对象编程的关键概念。它允许我们创建新的对象类型,这些类型可以基于已存在的对象类型,从而复用和扩展代码。本文将深入探讨类继承、原型继承以及它们的混合使用。 类继承(也...

    JS实现面向对象继承的5种方式分析

    在JavaScript中,有多种实现面向对象继承的方法,包括对象冒充、`call`/`apply`方法、原型链、`Object.create()`以及ES6中的`class`语法。下面我们将详细探讨这五种方法。 1. **对象冒充(Simulated Prototypal ...

    Javascript中3种实现继承的方法和代码实例

    原型继承是另一种常见的JavaScript继承方式,它基于原型链(prototype chain)。我们可以通过设置子类的`prototype`属性为父类的一个实例来实现继承。这样,子类实例就可以访问到父类的所有属性和方法。 ```...

    Javascript基于对象三大特性(封装性、继承性、多态性)

    2. **原型链**:JavaScript的原型链机制使得一个对象可以访问其原型对象的属性和方法,从而实现继承。例如: ```javascript Child.prototype = new Parent(); ``` 或者使用`Object.create()`: ```javascript ...

    js的2种继承方式详解

    在JavaScript中,主要有两种常见的继承方式:对象冒充(也称为构造函数继承)和原型链继承。这两种方式各有优缺点,适用于不同的场景。 ### 一、对象冒充 对象冒充主要包括以下三种方法: 1. **临时属性方式**: ...

    js 采用delete实现继承示例代码

    这种方法被称为“对象冒充”或“原型链继承”的变种。 首先,我们有两个构造函数:`A`和`B`。`A`函数定义了一个`Acolor`属性和一个`AshowColor`方法,`B`函数则在`A`的基础上添加了`Bname`属性和`BshowName`方法。 ...

Global site tag (gtag.js) - Google Analytics