`
luogankun
  • 浏览: 19424 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript类的继承特性实例

阅读更多
function Shape(edge) {
	this.edge = edge;
}
Shape.prototype.getArea=function(){
	return 0;
}
Shape.prototype.getEdge=function(){
	return this.edge;
}

function Triangle(bottom, height) {
	Shape.call(this,3);
	this.bottom = bottom;
	this.height = height;
}
Triangle.prototype = new Shape();
Triangle.prototype.getArea=function(){
	return 0.5 * this.bottom * this.height;
}

function Rectangle(bottom, height) {
	Shape.call(this,4);
	this.bottom = bottom;
	this.height = height;
}
Rectangle.prototype = new Shape();
Rectangle.prototype.getArea=function(){
	return this.bottom * this.height;
}
		
var triangle = new Triangle(4,6);
alert(triangle.getEdge());  //3
alert(triangle.getArea());   //12

var rectangle = new Rectangle(4,6);
alert(rectangle.getEdge()); //4
alert(rectangle.getArea());//24

 

分享到:
评论

相关推荐

    JavaScript应用程序经典实例全书源码

    3. **对象与原型链**:JavaScript的核心特性之一就是基于原型的继承。理解对象创建(字面量、构造函数、Object.create)、属性访问(dot notation、bracket notation)、原型链和方法重写对于深入JavaScript至关重要...

    JavaScript继承的特性与实践应用深入详解

    伪类的概念在JavaScript继承中扮演着重要角色。通过构造函数,我们可以创建出一个继承自其他对象的对象。例如,我们可以定义一个`Mammal`构造函数,然后创建一个新的`Cat`构造函数,使其原型指向`Mammal`的实例。...

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

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

    JavaScript类继承及实例化的方法

    在JavaScript中,并没有传统意义上类的定义,而是通过函数或者对象来模拟类的行为,这使得JavaScript的继承和实例化机制与其他面向对象语言有所不同。 JavaScript中的类继承主要通过以下两种方式实现: 1. 原型...

    javascript权威指南与实例

    最后,JavaScript的最新版本ES6(ECMAScript 2015)及后续版本引入了大量的新特性,如箭头函数、类、模板字符串、解构赋值、let和const等,极大地提高了代码的简洁性和可读性。书中也会对这些现代JavaScript特性进行...

    javaScript经典实例

    8. **对象与原型链**:JavaScript采用原型继承,每个对象都有一个原型(__proto__),可以通过`prototype`属性定义对象的方法,实现类的模拟。 9. **异步编程**:Promise、async/await等机制解决了JavaScript中的回...

    javascript面向对象特性代码实例

    在本篇文章中,作者详细阐述了JavaScript面向对象编程的几个关键特性,并通过代码示例展示了这些特性的具体应用。首先,我们来了解几个核心概念:类、静态成员、对象和重载。 类在面向对象编程中扮演着基础的角色,...

    JavaScript中的类继承

    对于代码复用,类继承提供了一种方式,使对象可以从一个或多个基对象继承特性,避免重复编写相同或相似的代码。 在JavaScript中实现类继承的一种方法是通过构造函数和原型链。例如,`Parenizor`构造函数创建了一个...

    javascript 原生态js类继承实现的方式

    几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。...但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言,而是基于对象的语言。

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

    在JavaScript中,由于其动态类型和基于原型的特性,实现继承的方式比传统的面向对象语言更为灵活,但也相对复杂。本文将深入探讨JavaScript中的继承原理与用法,并通过实例进行讲解。 首先,JavaScript的对象由两...

    javascript面向对象特性代码实例.docx

    JavaScript是一种基于原型的面向对象编程语言,它支持多种面向对象的特性,如类、继承、对象、静态成员、重载等。以下是对这些特性的详细解释: 1. **类的使用**: JavaScript中没有传统的类,而是通过构造函数来...

    网页 非常实用JavaScript的各种实例

    包含箭头函数、解构赋值、类和模板字符串等ES6及后续版本的新特性,这些实例能帮助你跟上JavaScript的最新发展。 通过学习和实践这些高级JavaScript实例,你可以提升自己的编程技能,更好地应对复杂的网页开发挑战...

    javascript经典实例源码

    这个压缩包中的实例涵盖了JavaScript的各个方面,通过实践这些源码,学习者能够加深对语言特性的理解,提升编程技巧,并能更好地应对实际项目中的问题。不断学习和实践这些经典实例,将有助于成为一名熟练的...

    JavaScript 全部实例代码

    此外,ES6引入了类的概念,使得JavaScript的面向对象编程更加接近传统语言,你也会在实例中看到这些新特性的应用。 在网页开发中,DOM(文档对象模型)操作是JavaScript的核心任务。通过JavaScript,你可以动态修改...

    javascript实例代码(包含全部实例)

    实例可能包含了构造函数、对象字面量、原型链、继承等概念。通过学习这些实例,你能深入理解面向对象编程在JavaScript中的实现。 最后,现代JavaScript引入了ES6及以后的新特性,如解构赋值、模板字符串、Promise、...

    javascript经典实例大全

    7. **面向对象编程**:JavaScript支持基于原型的面向对象编程,实例可能包含构造函数、原型链、继承和封装等概念的示例。 8. **函数式编程**:JavaScript也支持函数式编程风格,如高阶函数、闭包、柯里化等。你可能...

    javascript实例代码集

    8. **ES6及以上版本的新特性**: 包括箭头函数、模板字符串、解构赋值、let和const、类、模块导入导出等,这些都是JavaScript近年来的重要更新,大大提升了开发效率和代码质量。 9. **jQuery库**: 虽然现代...

Global site tag (gtag.js) - Google Analytics