`
luogankun
  • 浏览: 18917 次
  • 性别: 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 原生态js类继承实现的方式

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

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

    主要介绍了JavaScript继承的特性与实践应用,结合实例形式较为深入的分析了javascript继承相关概念、特性、原理、用法及操作注意事项,需要的朋友可以参考下

    详解JavaScript基于面向对象之继承实例

    继承自然是它的一大特性,尽管javascript的面向对象的实现机制和和c#和java这样典型的面向对象不同,但是继承的基本特点还是具有的,简单的说就是获得父级的方法和属性,下面是一段简单的实例,大家有兴趣可以分析...

    详解JavaScript中基于原型prototype的继承特性

    JavaScript 中的继承比较奇葩,无法实现接口继承,只能依靠原型继承。 原型链 原型就是一个对象,通过构造函数创建出来的实例会有指针指向原型得到原型的属性和方法。这样,实例对象就带有构造函数的属性方法和原型...

    Javascript 继承实现方式

    在传统面向对象的语言中,有两个非常重要的概念 – 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 – 封装、继承和多态。  但是在...

    JavaScript 继承的实现

    在传统面向对象的语言中,有两个非常重要的概念 – 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 – 封装、继承和多态。 但是在...

    JavaScript 继承详解(一)

    在传统面向对象的语言中,有两个非常重要的概念 – 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 – 封装、继承和多态。 但是在...

    JavaScript 继承详解 第一篇

    在传统面向对象的语言中,有两个非常重要的概念 – 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 – 封装、继承和多态。 但是在...

    javascript学习笔记.docx

    11) JavaScript中面向对象的特性: a) 实例属性:在构造函数创建或初始化的属性。 b) 实例方法:在构造函数中把原型对象中的一个属性设为函数来实现。 c) 类属性:构造函数本身的属性。 d) 类方法:用合适的函数作为...

    javascript 的面向对象特性参考

    javascript 的面向对象... 1 面向对象的特性 类,成员变量,成员函数,类变量,类方法,继承,多态 1) 类 类的定义:function Circle(r) { this.r = r; } 类的实例化: c = Circle(3); 2)成员变量 成员

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r($_ENV) 73 实例042 使用可变变量输出“I Like PHP!” 73 实例...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript的面向对象特性。 4.1.html 对象的创建。 4.2.html 作为关联数组的对象与数组对象实现方式比较。 4.3.html prototype的用法。 4.4.html prototype实现继承机制。 4.5....

    JavaScript程序设计课件:面向对象概述.pptx

    类的调用需要实例化,开销较大,因此性能方面较面向过程低。 6.1.1 面向过程与面向对象 6.1 面向对象概述 主讲:重庆机电职业技术大学 吴永强 6.1.2 面向对象的特征 6.1.2 面向对象的特征 1、面向对象的特征 面向...

    javascript面向对象三大特征之多态实例详解

    本文实例讲述了javascript面向对象三大特征之多态。分享给大家供大家参考,具体如下: 多态 从某种意义上来说,多态是面向对象中重要的一部分,也是实施继承的主要目的。 一个实例可以拥有多个类型,它既可以是这种...

    javascript框架设计之类工厂

    类与继承在javascript的出现,说明javascript已经达到大规模开发的门槛了,在之前是ECMAScript4,就试图引入类,模块等东西,但由于过分引入太多的特性,搞得javascript乌烟瘴气,导致被否决。不过只是把类延时到ES6....

    阿里巴巴技术文章分享 Javascript继承机制的实现

    Javascript作为一门脚本语言,在设计之初并没有考虑到面向对象的特性。即便到了当今这个遍布现代浏览器的年代,各种Javascript 框架/库如雨后春笋般地疯狂生长,Javascript中连个 class 关键字都没有。如果你要编写...

    sooper-js:JavaScript 的简单继承和实现框架

    苏珀小号impleØØbject P riented继承在AGC和实施框架JavaScript(不像某些对E XTRA [R idiculous复杂的框架在那里)。 要求: ECMAScript 5特性为什么要使用继承框架? ECMAScript 6 将在 2015 年提供原生类支持,...

    JavaScript对象的特性与实践应用深入详解

    本文实例讲述了JavaScript对象的特性与实践应用。分享给大家供大家参考,具体如下: JavaScript 的简单数据类型是数字、字符串、布尔值(true/false)、null 以及 undefined,其它所有的值都是对象。这些对象是可变...

    深入理解JavaScript系列(42):设计模式之原型模式详解

    对于原型模式,我们可以利用JavaScript特有的原型继承特性去创建对象的方式,也就是创建的一个对象作为另外一个对象的prototype属性值。原型对象本身就是有效地利用了每个构造器创建的对象,例如,如果一个构造函数...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r($_ENV) 73 实例042 使用可变变量输出“I Like PHP!” 73 实例...

Global site tag (gtag.js) - Google Analytics