`
tonynju
  • 浏览: 75477 次
  • 性别: 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继承机制研究.pdf

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

    Ext继承和扩展

    `Ext`是一个流行的JavaScript库,它提供了丰富的UI组件和强大的数据管理工具,同时也引入了一套完整的面向对象系统,其中包括类(Class)和继承(Inheritance)的概念。本文将深入探讨`Ext`中的继承和扩展机制。 在...

    Ext框架JavaScript开源框架

    Ext框架JavaScript开源框架Ext框架JavaScript开源框架

    Javascript凌厉开发 Ext详解与实践 书本代码

    《JavaScript凌厉开发 Ext详解与实践》是一本深入探讨JavaScript编程和Ext库应用的书籍,其配套代码资源为读者提供了丰富的实践素材。本书主要聚焦于如何高效、精炼地使用JavaScript进行Web开发,并特别强调了Ext JS...

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

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

    详解Javascript继承的实现

    JavaScript中的继承是面向对象编程的重要概念,允许子类继承父类的属性和方法。本文将深入探讨JavaScript继承的实现方式,以及其中的问题和解决方案。 首先,我们来看混合方式的实现,这种方式结合了原型链和对象...

    ext面向对象和继承

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

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

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

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

    理解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继承详解.doc

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

    史上最为详细的javascript继承(推荐)

    JavaScript 继承是面向对象编程中的关键概念,它允许创建基于现有对象的新对象,从而能够复用和扩展已有功能。本文将深入探讨JavaScript中的几种继承方式,包括它们的基本原理、优缺点以及适用场景。 首先,原型链...

    Ext继承和扩展写的例子。

    总结来说,"Ext继承和扩展写的例子"这个主题,涉及到的核心知识点包括JavaScript的面向对象编程,Ext JS库的使用,特别是其组件模型和继承机制。通过学习这个例子,开发者可以深入理解如何利用这些特性创建可复用、...

    JavaScript 继承详解(六)

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

    javascript继承的六大模式小结

    JavaScript中的继承机制是其面向对象编程的核心特性,它允许创建基于现有对象的新对象,从而实现代码的重用和扩展。本文将深入探讨JavaScript继承的六大模式:原型链、借用构造函数、组合继承、原型式继承、寄生式...

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

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

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

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

Global site tag (gtag.js) - Google Analytics