`
tonynju
  • 浏览: 76733 次
  • 性别: Icon_minigender_1
  • 来自: 浙江嘉善
社区版块
存档分类
最新评论

javascript继承和Ext继承小记

阅读更多
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凌厉开发Ext详解与实践是一本由清华大学出版社出版,张鑫、黄灯桥和杨彦强合著的专业书籍,其源码提供了丰富的实践案例,帮助读者深入理解并掌握JavaScript和ExtJS技术。这本书主要围绕JavaScript的Ext库...

    JavaScript继承

    除了传统的原型链继承,JavaScript还支持其他继承模式,如组合继承(组合使用构造函数和原型链)、寄生继承(通过创建父类副本改进继承)、原型式继承(使用`Object.create()`)、寄生组合式继承(被认为是最有效的...

    JavaScript继承机制研究.pdf

    在本文中,我们将深入探讨JavaScript继承机制的实现方式,并对基于原型的继承、构造函数方式继承、组合继承、寄生式继承等继承机制进行了总结归纳和分析。 基于原型的继承 JavaScript是一门基于原型的语言,它不像...

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

    JavaScript 继承是编程中一个重要的概念,它允许对象间共享和重用代码。JavaScript 作为基于原型的语言,其继承机制与其他面向对象语言有所不同。在JavaScript中,对象可以从其他对象直接继承,而不是通过类的概念。...

    ext面向对象和继承

    在JavaScript的世界里,面向对象(Object-Oriented Programming, OOP)是一种常用的设计模式,它允许我们通过类和对象来组织代码,实现代码的复用和模块化。本篇文章将探讨EXTJS框架中的面向对象机制,特别是继承的...

    JavaScript继承详解.doc

    JavaScript中的继承是面向对象编程的重要概念,它允许一个对象(子对象)获取另一个对象(父对象)的属性和方法,从而实现代码复用和多态性。JavaScript支持多种继承实现方式,包括以下四种: 1. **构造函数继承**...

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

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

    JavaScript继承机制探讨及其应用.pdf

    本文通过分析JavaScript的继承机制,提供了几种继承的实现方式,并分析了各自的优缺点和使用场景。同时,通过分析John Resig开发的知名开源框架中的核心源代码,展示了继承机制在JavaScript框架级项目开发中的应用。...

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

    理解JavaScript的继承和多继承对于编写高效、可维护的代码至关重要。开发者可以通过这些技术实现代码的复用,构建复杂的对象层次结构。在实际应用中,还应注意性能优化,避免因为频繁地查找原型链导致的效率问题。...

    JavaScript实现继承的几种方式

    在JavaScript中,面向对象编程是实现复杂功能和代码复用的关键。继承是面向对象的核心特性之一,它允许一个对象(子类)从另一个对象(父类)获取...了解这些基础概念有助于我们更好地理解和使用JavaScript的继承机制。

    JavaScript Intellisense for Ext 2.0.1 in Visual Studio 2008

    对于Ext 2.0.1这样的JavaScript库,Intellisense的支持使得开发者在编写基于Ext的复杂Web应用程序时能够更轻松地理解和使用其丰富的API。 首先,让我们了解一下Ext JS 2.0.1。这是一个流行的开源JavaScript框架,由...

    JavaScript 继承详解(六)

    在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的...

    Ext继承分析

    在ExtJS中,`Ext.extend()` 是一个核心的函数,用于实现类之间的继承机制。它允许你创建新的类(子类...通过理解和熟练运用这个方法,开发者可以构建出具有强大继承关系的类结构,从而更好地管理和组织JavaScript代码。

    javascript控件开发之继承关系

    在这个主题中,“javascript控件开发之继承关系”主要探讨的是如何利用JavaScript的面向对象特性来构建和组织控件的层次结构,以及如何通过继承来实现代码的复用和模块化。 在JavaScript中,继承是基于原型...

    JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3

    JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3 因为源代码比较大,压缩后76M左右 所以分为四个包上传

    ext 与javaScript的关系

    首先创建一个名为`index01.jsp`的文件,用于加载Ext库和自定义JavaScript文件。示例代码如下: ```html ;charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE ...

    javascript 继承派生

    在JavaScript中,面向对象编程是其核心特性之一,而继承和派生则是实现面向对象的重要机制。本资料集合关注的是JavaScript中的继承派生以及与之相关的`apply`和`call`方法。 **继承**是面向对象编程的关键概念,...

    javascript中如何实现封装,继承和多态

    javascript中如何实现封装,继承和多态

    ext js javascript ext设计软件

    JavaScript与EXT JS的结合使得开发者可以利用EXT JS提供的高级UI组件和数据管理功能,同时利用JavaScript的灵活性和强大功能。 EXT设计软件,通常指的是EXT JS的开发工具,如Sencha IDE插件或Sencha Cmd命令行工具...

    不错的日历控件(JavaScript、ext)

    本文将深入探讨“不错的日历控件”,特别是基于JavaScript和EXT技术实现的这种控件。 首先,JavaScript是一种广泛应用于网页开发的脚本语言,它可以动态更新网页内容,提高用户体验。在网页中实现日历控件,...

Global site tag (gtag.js) - Google Analytics