`

JavaScript简单类继承示例

 
阅读更多
/*
  首先给Object类添加继承方法extends, 
  前两句起继承父类的作用,使得调用的子类能够获得父类的所有属性和方法 
  后一句保存对一个对父类的引用,以便在需要的时候可以调用父类的方法 
*/ 
Object.prototype.extend = function(SuperClass){
	this.SuperClass = SuperClass;
	this.SuperClass();
	this.parent = new SuperClass(); // 如果不需要使用父类的方法,最后一句可以删除
}

function Parent(){
	this.show = function(){
		alert("Parent show()");
	}	
	this.override = function(){
		alert("Parent override()");
	}
}

function Child(){
	this.extend(Parent);
	this.override = function(){
		alert("Child override()");
	}
}

// test
var c = new Child();
c.show();
c.override();
c.parent.override(); // Parent.override()
分享到:
评论

相关推荐

    javascript中类和继承(代码示例+prototype.js)

    本文将深入探讨JavaScript中的类和继承,并结合`prototype.js`文件中的示例进行解析。 ### 类的概念与模拟 在JavaScript中,我们通常使用函数来模拟类的行为。一个函数可以看作是一个类的定义,通过`new`关键字来...

    JavaScript中的继承之类继承_.docx

    考虑以下简单的继承示例: ```javascript function Animal(name) { this.name = name; } Animal.prototype.showName = function() { alert(this.name); }; function Cat(name) { Animal.call(this, name); // ...

    javascript经典效果示例

    此外,文件列表中的示例可能涵盖了一些高级JavaScript特性,如闭包、异步编程(Promise、async/await)、模块化(CommonJS、ES6模块)、类和继承等。闭包允许函数访问并操作其外部作用域的变量,即使在其外部函数...

    shapes:javascript中的继承示例

    在给定的"shapes:javascript中的继承示例"中,我们可以看到一个关于JavaScript继承的实际应用,特别是结合了RequireJS模块加载器。 RequireJS是一个流行的JavaScript库,用于管理JavaScript文件的异步加载,以实现...

    JavaScript学习之三 — JavaScript实现继承的7种方式

    本篇文章将深入探讨JavaScript实现继承的七种常见方式,帮助你更好地理解和运用这一概念。 1. 原型链继承(Prototype Chain Inheritance) 原型链是JavaScript实现继承的基础。每个函数都有一个`prototype`属性,这...

    Javascript高级程序设计示例及源代码

    此外,JavaScript的ES6(ECMAScript 2015)引入了许多新特性,如箭头函数、模板字符串、let和const、解构赋值、类和模块等。这些新特性极大地提升了JavaScript的表达力和开发效率。例如,箭头函数简化了函数定义,...

    javascript权威指南示例代码.zip

    原型和原型链是理解JavaScript继承的关键,所有对象都继承自一个初始的原型对象Object.prototype。此外,对象可以通过原型方法实现动态扩展,如hasOwnProperty()用于检查对象是否包含特定属性。 数组是特殊类型的...

    js寄生组合继承示例

    JavaScript寄生组合继承实现代码示例

    Javascript权威指南(含示例源码)

    这本书以其详尽的解释、清晰的示例和严谨的组织结构著称,是JavaScript开发者的重要参考资料。 在书中,作者首先介绍了JavaScript的基本语法,包括变量、数据类型、运算符、控制流程、函数等基础概念。这些内容是...

    js继承实现示例代码

    ### JavaScript继承实现示例 #### 知识点概述 在JavaScript中,继承是一种常见的对象间关系,它允许一个对象(子类)继承另一个对象(父类或超类)的属性和方法。通过继承,可以复用代码、提高程序的可维护性,并...

    【JavaScript源代码】JavaScript中的几种继承方法示例.docx

    ### JavaScript中的几种继承方法示例 #### 一、原型链继承 **原理**: 在JavaScript中,原型链继承是一种实现继承的方式,它通过让子类的原型对象指向父类的一个实例来实现属性和方法的共享。 - **核心概念**: 每个...

    Javascript 树形结构示例

    Java通常使用类和继承来实现树节点,如`TreeNode`类会继承自一个基类`Node`,并且可能包含额外的方法如`insertChild`, `deleteNode`, `traverse`等。 总的来说,理解如何在JavaScript中构建和操作树形结构是提升...

    javascript权威指南示例代码

    这个压缩包中的“权威指南代码”文件夹包含了书中的示例代码,旨在帮助读者深入理解JavaScript语法、特性以及实际应用。 1. **变量与数据类型**:JavaScript是一种动态类型的语言,它支持基本数据类型(如Number、...

    JavaScript中数组继承的简单示例

     在 JavaScript 中,数组也属于 Object 的一种,它也可以继承。任何两个对象本身就可以有继承关系,数组也不例外。于是我们让一个树的任何一个节点都是数组,它只维护自己下标最大的那个元素的值。其它元素的值通过...

    JavaScript中继承原理与用法实例入门

    下面我们将通过几个步骤来创建一个简单的继承示例。 1. 定义基类(Person): ```javascript function Person(name) { this.name = name; this.type = "人"; } Person.prototype.say = function() { console....

    javascript各类示例打包

    7. **原型和原型链**:JavaScript的对象可以通过原型继承属性和方法,而原型链则是实现这种继承的机制。 8. **事件委托**:利用事件冒泡或事件捕获原理,将事件监听器添加到父元素,以处理子元素的事件,提高性能并...

    Javascript玩转继承(一)_.docx

    JavaScript的继承主要通过原型链(prototype chain)来实现,这与基于类的继承语言有所不同。 在基于类的语言中,如C#,我们可以定义一个基类(如`Animal`),然后创建派生类(如`People`和`Girl`),通过类之间的...

    Javascript继承机制原理

    ### JavaScript继承机制原理 #### 一、JavaScript与继承的起源 JavaScript作为一种被广泛使用的脚本语言,最初由Brendan Eich在短短十天内设计完成,并被命名为Mocha,后改为LiveScript,最终确定为JavaScript。...

    JavaScript继承与多继承实例分析.docx

    1. **JavaScript继承** - **原理**:JavaScript的继承主要是通过原型链(prototype chain)来实现的。每个JavaScript对象都有一个内部属性[[Prototype]],通常可以通过`__proto__`访问,或通过`Object....

Global site tag (gtag.js) - Google Analytics