Rectangle类的定义以及子类Square的定义
var Rectangle = function(config){
//console.log( this)
this.width = config.width;
this.height = config.height;
//console.log( this)
}
Rectangle.prototype = {
name: '',
getArea: function(){
return this.width * this.height;
},
getWidth: function(){
return this.width;
}
}
var rec = new Rectangle({width: 100, height: 200});
//console.log( rec )
var area = rec.getArea();
Square = function(config){
this.width = config.edage;
this.height = config.edage;
}
Square.prototype = new Rectangle({width:1, height:1})
Square.prototype.getA = function(){
return 'A';
}
var s = new Square({edage: 40})
console.log( s.getArea() )
if(s instanceof Rectangle){
console.log( 'success' )
}
分享到:
相关推荐
JavaScript凌厉开发Ext详解与实践是一本由清华大学出版社出版,张鑫、黄灯桥和杨彦强合著的专业书籍,其源码提供了丰富的实践案例,帮助读者深入理解并掌握JavaScript和ExtJS技术。这本书主要围绕JavaScript的Ext库...
除了传统的原型链继承,JavaScript还支持其他继承模式,如组合继承(组合使用构造函数和原型链)、寄生继承(通过创建父类副本改进继承)、原型式继承(使用`Object.create()`)、寄生组合式继承(被认为是最有效的...
在JavaScript的世界里,面向对象(Object-Oriented Programming, OOP)是一种常用的设计模式,它允许我们通过类和对象来组织代码,实现代码的复用和模块化。本篇文章将探讨EXTJS框架中的面向对象机制,特别是继承的...
JavaScript中的继承是面向对象编程的重要概念,它允许一个对象(子对象)获取另一个对象(父对象)的属性和方法,从而实现代码复用和多态性。JavaScript支持多种继承实现方式,包括以下四种: 1. **构造函数继承**...
本篇文章将深入探讨JavaScript实现继承的七种常见方式,帮助你更好地理解和运用这一概念。 1. 原型链继承(Prototype Chain Inheritance) 原型链是JavaScript实现继承的基础。每个函数都有一个`prototype`属性,这...
理解JavaScript的继承和多继承对于编写高效、可维护的代码至关重要。开发者可以通过这些技术实现代码的复用,构建复杂的对象层次结构。在实际应用中,还应注意性能优化,避免因为频繁地查找原型链导致的效率问题。...
在JavaScript中,面向对象编程是实现复杂功能和代码复用的关键。继承是面向对象的核心特性之一,它允许一个对象(子类)从另一个对象(父类)获取...了解这些基础概念有助于我们更好地理解和使用JavaScript的继承机制。
对于Ext 2.0.1这样的JavaScript库,Intellisense的支持使得开发者在编写基于Ext的复杂Web应用程序时能够更轻松地理解和使用其丰富的API。 首先,让我们了解一下Ext JS 2.0.1。这是一个流行的开源JavaScript框架,由...
在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的...
在ExtJS中,`Ext.extend()` 是一个核心的函数,用于实现类之间的继承机制。它允许你创建新的类(子类...通过理解和熟练运用这个方法,开发者可以构建出具有强大继承关系的类结构,从而更好地管理和组织JavaScript代码。
在这个主题中,“javascript控件开发之继承关系”主要探讨的是如何利用JavaScript的面向对象特性来构建和组织控件的层次结构,以及如何通过继承来实现代码的复用和模块化。 在JavaScript中,继承是基于原型...
JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3 因为源代码比较大,压缩后76M左右 所以分为四个包上传
首先创建一个名为`index01.jsp`的文件,用于加载Ext库和自定义JavaScript文件。示例代码如下: ```html ;charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE ...
在JavaScript中,面向对象编程是其核心特性之一,而继承和派生则是实现面向对象的重要机制。本资料集合关注的是JavaScript中的继承派生以及与之相关的`apply`和`call`方法。 **继承**是面向对象编程的关键概念,...
javascript中如何实现封装,继承和多态
ES6之前,JavaScript并没有继承这一现有的机制。 ES5的继承方式 类式继承 //声明父类 function Father(){ this.fatherVal = 'father'; } //为父类添加共有方法 Father.prototype.getFatherValue = function(){ ...
本文将深入探讨“不错的日历控件”,特别是基于JavaScript和EXT技术实现的这种控件。 首先,JavaScript是一种广泛应用于网页开发的脚本语言,它可以动态更新网页内容,提高用户体验。在网页中实现日历控件,...
总结,JavaScript的继承机制通过原型和构造函数实现了对象间的代码重用。理解并熟练运用这些特性,可以帮助开发者创建出更加灵活和可扩展的代码结构,提高开发效率。在实践中,可以结合使用`inherits`和`method`等...
JavaScript凌厉开发 Ext详解与实践-源码清单
JavaScript 凌厉开发 Ext详解与实践-案例工程