`

javascript继承结构设计

 
阅读更多

      本人博客站点:http://www.zeromike.net

      本文地址:http://www.zeromike.net/?p=35

      场景:有多个应用处理方式类似,一打开应用就先初始化界面信息,然后各自又有各自的业务逻辑处理方式。所以我在这里抽象出来一个基类,多个应用继承这个基类,这里使用prototype(原型)方式实现继承。

     

//基类
function App(){
  
}
App.init=function(){
    console.log("App init...");
}
App.init();

App.create = function(app){
    if (app instanceof App){
      app.init();
    }
}
//CutFruit
function CutFruit(){
  this.init=function(){
    console.log("CutFruit init...");
  }
  this.cut=function(){
    console.log("Your finger speed is very fast...");
  }
}
//继承App
CutFruit.prototype = new App();
//CatchThief
function CatchThief(){
  this.init=function(){
    console.log("CatchThief init...");
  }
  this.fire=function(){
    console.log("fire in the hole....");
  }
}
//继承App
CatchThief.prototype = new App();

function main(){
  var classRF = window[arguments[0]];
  App.create(new classRF());
}
main("CutFruit");
main("CatchThief");
(new CutFruit()).cut();
(new CatchThief()).fire();

   打印结果:

   App init...

   CutFruit init...

   CatchThief init...

   Your finger speed is very fast...

   fire in the hole....

1
4
分享到:
评论

相关推荐

    学用 JavaScript 设计模式.pdf

    外文翻译:学用JavaScript设计模式,pdf版本,中文版 设计模式是可重用的用于解决软件设计中一般问题的方案。设计模式如此让人着迷,以至在任何编程语言中都有对其进行的探索。 其中一个原因是它可以让我们站在巨人...

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

    JavaScript程序设计 面向过程与面向对象 6.1.1 面向过程与面向对象 1、概念 面向过程(Procedure Oriented)也可称之为“面向记录”,是一种以过程为中心的编程思想。它注重的是具体的步骤,只有按照步骤一步一步...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part1.rar

     第12章 案例研究:用DOM设计选择列表   12.1 经典的感觉   12.2 构建更好的选择列表   12.3 策略?我们不需要臭哄哄的策略   12.3.1 相关的文件   12.3.2 FauxSelect对象   12.3.3 开始创建...

    编写可维护的JavaScript(中文)

    Zakas是顶级的Web技术专家,也是《JavaScript高级程序设计》一书的作者。他曾是Yahoo!的首席前端开发工程师,在完成了从一名“独行侠”到“团队精英”的蜕变后,他站在前端工程师的角度提炼出众多的最佳编程实践,...

    javascript设计模式 – 装饰模式原理与应用实例分析

    本文实例讲述了javascript设计模式 – 装饰模式原理与应用。分享给大家供大家参考,具体如下: 介绍:装饰模式可以在不改变一个对象本身功能的基础上给对象增加额外的新行为。在现实生活中,这种情况也到处存在,...

    javascript-Design-Patterns:设计模式

    JavaScript设计模式与开发实践 前端在软件开发过程中开始扮演越来越重要的角色,需要处理的业务越来越复杂,前端跟其的差异也越来越小。 设计模式是对软件中普遍存在的各种问题提出的解决方案,设计模式作为通用设计...

    编写可维护的javascript(英文)

    Zakas是顶级的Web技术专家,也是《JavaScript高级程序设计》一书的作者。他曾是Yahoo!的首席前端开发工程师,在完成了从一名“独行侠”到“团队精英”的蜕变后,他站在前端工程师的角度提炼出众多的最佳编程实践,...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part3.rar

     第12章 案例研究:用DOM设计选择列表   12.1 经典的感觉   12.2 构建更好的选择列表   12.3 策略?我们不需要臭哄哄的策略   12.3.1 相关的文件   12.3.2 FauxSelect对象   12.3.3 开始创建...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part2.rar

     第12章 案例研究:用DOM设计选择列表   12.1 经典的感觉   12.2 构建更好的选择列表   12.3 策略?我们不需要臭哄哄的策略   12.3.1 相关的文件   12.3.2 FauxSelect对象   12.3.3 开始创建...

    《JavaScript语言精粹[修订版]》高清版_2012.09_【蝴蝶书】_172页完整版

     JavaScript 曾是“世界上误解的语言”,因为它担负太多的特性,包括糟糕的交互和失败的设计,但随着Ajax 的到来,JavaScript“从受误解的编程语言演变为非常流行的语言”,这除了幸运之外,也证明了它其实是一门...

    javascript设计模式 – 模板方法模式原理与用法实例分析

    介绍:模板方法模式是结构最简单的行为型设计模式,在其结构中只存在父类与子类之间的继承关系。使用模板方法模式,可以将一些复杂流程的实现步骤封装在一系列基本方法中。 定义:定义一个操作中算法的框架,而将...

    精通JavaScript+jQuery Part1

     2.3 CSS的继承  第3章 用CSS设置丰富的文字效果   3.1 CSS文字样式  3.2 文字实例一:模拟Google公司Logo   3.3 文字实例二:制作页面的五彩标题   3.4 CSS段落文字  3.5 段落实例:百度搜索   ...

    JavaScript开发webgis库源码

    该js库为底层开发,结构比较简单,没有复杂的继承,调用的实例地图为天地图。里面借鉴openlayers部分通用函数。对初学者了解webgis有比较大的帮助。

    FormCore:.NET + React + Ant设计基础结构,用于可继承的动态表单

    FormCore.NET + React + Ant Design基础结构,可继承的动态表单特征前端和后端是分开的,公开了一组与表单相关的API; 表单是可继承的,因此最终用户无需从头开始构建每个表单; 支持多重继承,这意味着一种形式可以...

    Javascript设计模式之装饰者模式详解篇

    装饰者模式(Decorator Pattern):在不改变原类和继承的情况下动态扩展对象功能,通过包装一个对象来实现一个新的具有原对象相同接口的新的对象。 装饰者模式的特点: 1. 在不改变原对象的原本结构的情况下进行功能...

    学习JavaScript设计模式之模板方法模式

    模板方法是基于继承的设计模式,可以很好的提高系统的扩展性。 java中的抽象父类、子类 模板方法有两部分结构组成,第一部分是抽象父类,第二部分是具体的实现子类。 二、示例 Coffee or Tea (1) 把水煮沸 (2) 用...

    php网络开发完全手册

    12.3 JavaScript程序设计基础 184 12.3.1 在HTML中嵌入JavaScript 184 12.3.2 变量 185 12.3.3 注释 185 12.3.4 函数的定义与调用 186 12.3.5 条件语句 186 12.3.6 循环语句 189 12.3.7 对象 191 12.3.8 事件 192 ...

    knowledge-system:我的前端知识体系

    interviewreactjs-interview-questionsTypeScriptWeb APIs前端工程Webpack深入浅出WebpackBabelBabel性能优化安全与质量持续集成编程范式面向对象编程函数式编程数据结构与算法JavaScript 算法与数据结构设计模式跨...

Global site tag (gtag.js) - Google Analytics