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

简单的js面向对象框架实现

    博客分类:
  • js
 
阅读更多
新年上班第一天,闲暇之余,看了下jquery作者john resig关于继承的一些idea,顺便自己写了个简单的js继承小框架
/**
* 简单的js继承小框架
* @date 2014/2/8
* @author lsj
*/
(function(){

    //基类
    this.JClass=function(){

    }
   //继承方法(创建一个新类继承自该类)
    JClass.extend=function(child)
    {
        var parent=new this;
        var superpro=this.prototype;
        //将子类的方法赋给父类的原型
        for(var item in child)
        {
            superpro[item]=child[item];
        }
        //覆盖JClass基类,提供子类初始化方法入口
        function  JClass()
        {
            //如果子类有写init方法,则通过该方法进行类初始化
            if(this.init)
            {
                this.init.apply(this,arguments);
            }
        }
        //将子类的原型指向父类的实例(该实例的_proto_指向superpro)
        JClass.prototype=parent;
        //改变原型的构造函数指向
        JClass.prototype.constructor=JClass;
        //实现JClass的可继承
        JClass.extend=arguments.callee;

        return  JClass;
    }
})();
var Parent=JClass.extend({"name":"zhangsan","age":"10"});

var Child=Parent.extend({init:function(data){this.data=data;},"childname":"this is childname",sayHello:function(){alert(this.data)}});

var cchild=new Child("this is the initial method of child");

console.dir(cchild);     //cchild的对象导图

cchild.sayHello();        //打印出this is the initial method of child
分享到:
评论

相关推荐

    javascript面向对象框架

    "javascript面向对象框架"这一主题涵盖了JavaScript中实现面向对象编程的框架,特别是Prototype和MooTools这两个优秀的库。 Prototype是JavaScript的一个开源库,它扩展了JavaScript的基本对象和函数,提供了强大的...

    基于闭包的JavaScript面向对象编程框架.pdf

    本文总结了基于闭包的JavaScript面向对象编程框架的设计和实现。通过使用闭包,实现了基于类的面向对象编程的封装、继承和多态特征。 闭包(Closure)是JavaScript中的一种编程技术,通过闭包,可以实现基于类的...

    JavaScript面向对象技术实现树形控件

    JavaScript面向对象技术在实现树形控件中扮演着至关重要的角色。树形控件是一种用于展示层次型数据的用户界面元素,它具有扩展和折叠功能,可以在有限的空间内清晰地展示大量的信息,使得数据间的层级关系一目了然。...

    javascript面向对象编程(中文).pdf

    ### JavaScript面向对象编程知识点概述 #### 一、现代JavaScript编程概览 - **JavaScript的演进**:自诞生以来,JavaScript经历了从一个简单的脚本语言到现今被广泛应用于构建复杂应用的强大编程语言的过程。它的...

    JavaScript面向对象技术实现树形控件.docx

    总的来说,JavaScript面向对象技术提供了一种高效且灵活的方式来实现树形控件。通过合理地组织对象和方法,可以构建出适应不同场景、具有良好扩展性的树形数据结构,满足用户界面的需求。尽管JavaScript的OOP模型与...

    0原生js-面向对象-无缝轮播图.zip

    在JavaScript编程中,原生JS指的是不依赖任何第三方库或框架,直接使用JavaScript语言本身来实现功能。本项目"0原生js-面向对象-无缝轮播图.zip"旨在通过原生JavaScript和面向对象编程思想,创建一个无缝轮播图特效...

    面向对象五子棋VC程序

    面向对象五子棋VC程序是一种基于C++编程语言,在Microsoft Visual C++(VC)环境下,利用Model-View-Controller(MVC)设计模式实现的棋类游戏。此程序的核心是将五子棋游戏的逻辑与用户界面进行了清晰的分离,使得...

    javascript面向对象编程

    通过这种方式,JavaScript面向对象编程不仅包括了代码的实际编写,还包括了测试和调试的环节,确保代码的质量和可维护性。学习和掌握面向对象编程的方法是学习JavaScript的重要一环,对于任何想要深入学习并掌握...

    javascript面向对象

    ### JavaScript面向对象编程详解 #### 一、现代JavaScript概述 随着技术的发展,JavaScript这门语言逐渐从最初的简单脚本语言成长为现在广泛应用于Web前端、后端甚至桌面应用的强大编程工具。现代JavaScript具备...

    Javascript面向对象基础

    下面我们将详细探讨JavaScript面向对象的基础知识。 1. **对象和数据类型**: 在JavaScript中,一切都是对象,包括基本数据类型(如字符串、数字、布尔值)。然而,与数字或字符串不同,对象是键值对的集合,可以...

    JavaScript面向对象编程

    ### JavaScript面向对象编程知识点 #### 一、现代JavaScript编程概览 现代JavaScript经历了从一个简单的脚本语言到一个成熟、广泛应用于构建复杂应用的强大编程语言的转变。这门语言不仅适用于网页开发,还广泛用于...

    javascript的基础语法,面向对象的实现和设计模式实现

    在这个专题中,我们将深入探讨JavaScript的基础语法,面向对象的实现,以及设计模式在JavaScript中的应用。 **一、JavaScript基础语法** JavaScript的基础语法包括变量声明、数据类型、运算符、流程控制和函数等...

    javascript面向对象编程(中文)

    ### JavaScript面向对象编程详解 #### 一、现代JavaScript的发展与演变 随着JavaScript逐渐从一个简单的脚本语言成长为当今世界范围内广泛使用的一种强大的编程语言,它的功能性和应用领域也在不断扩展。十年前,...

    《JavaScript内核系列》和《JavaScript面向对象基础》

    《JavaScript内核系列》和《JavaScript面向对象基础》这两本书是深入理解JavaScript编程的重要资源。JavaScript,作为一种广泛应用于Web开发的脚本语言,其内核和面向对象特性是开发者必须掌握的基础知识。以下是对...

    讲解JavaScript的面向对象的编程

    -目的说明它是在第1,2阶段文档演示的JavaScript面向对象的书写方式的进一步改进,它是现代JavaScript面向对象编程方式(使用基本类来编码)的过渡代码--没有它就没有当今的JS OOP--此人非常牛!!! 4. 最后使用IE...

    10大js框架 javaScript框架

    Mootools是一个小巧(36KB压缩后)但功能强大的框架,以其优秀的面向对象编程(OOP)支持和灵活的插件机制著称。Mootools允许开发者选择最符合项目需求的功能模块,如Build Your Own Framework Effects插件(moo.fx...

    面向对象弹出层面向对象弹出层

    通常,这可能是一个源代码文件,包含实现面向对象弹出层的JavaScript代码,或者是相关文档或示例。 综上所述,面向对象弹出层涉及了OOP的概念和前端开发的技术,通过合理的设计和实现,可以提高Web应用的交互性和...

Global site tag (gtag.js) - Google Analytics