`

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继承

    此外,JavaScript的灵活性允许开发者选择基于类的继承方式,或者利用原型继承的微妙之处,实现更高效的设计。 4.1 为什么需要继承 继承的主要目的是代码复用和降低耦合度。通过继承,可以在已有类的基础上扩展功能...

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

    这里我们将深入探讨JavaScript继承的特性以及实践应用。 首先,JavaScript的继承基于原型链。每个对象都有一个`__proto__`属性,指向创建它的构造函数的原型对象。当试图访问对象的一个属性时,JavaScript会沿着...

    JavaScript 高级程序设计(第3版)【附源代码】

    2. **对象和原型**:JavaScript的面向对象特性通过原型链实现,书中深入探讨了对象的创建、属性访问、原型和继承机制,以及如何利用这些机制来构造复杂的数据结构和模块化代码。 3. **函数式编程**:介绍了...

    学用JavaScript设计模式

    书中不仅介绍了JavaScript中经典和现代的设计模式,还包括了针对不同JavaScript开发框架(如MVC、MVP、MVVM)的设计模式,以及最新的模块化JavaScript设计模式(AMD、CommonJS、ES Harmony)和jQuery中的设计模式。...

    JavaScript脚本程序设计

    2. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,JavaScript可以利用DOM API来操作页面元素,例如增删改查元素、改变样式、获取或设置属性、监听事件等。 3. **事件处理**:JavaScript...

    JavaScript 设计模式(高清扫描版本)- 张容铭

    此外,张容铭的这本书很可能还会深入讨论JavaScript语言特性如何与设计模式相结合,例如原型继承、闭包和动态类型等在实现设计模式时的独特作用。书中可能会有丰富的实例和代码示例,帮助读者理解和实践这些模式。 ...

    javascript 继承派生

    在JavaScript中,由于它没有内置的类结构,而是采用原型(prototype)链来实现继承。当一个对象作为另一个对象的原型时,后者就能访问前者的属性和方法。 **派生**,或称为子类化,是指创建一个新类(子类),该类...

    JavaScript高级与设计模式.zip

    2. **原型链(Prototype Inheritance)**:JavaScript使用原型链实现继承,对象可以继承其他对象的属性和方法。这使得代码重用成为可能,并且可以通过原型对象扩展对象的功能。 3. **函数作为一等公民(First-Class...

    Javascript程序设计教程

    教程首先会介绍JavaScript的基础知识,包括变量、数据类型(如字符串、数字、布尔值、对象等)、操作符(如算术、比较、逻辑操作符)以及流程控制结构(如条件语句if...else和循环,如for、while)。理解这些基础...

    JAVASCRIPT程序设计基础教程课本案例代码

    在这个"JavaScript程序设计基础教程课本案例代码"中,我们将深入探讨JavaScript的基础概念、语法特性以及实际应用,帮助初学者建立坚实的基础。 首先,JavaScript的核心知识点包括变量、数据类型、控制结构和函数。...

    javascript 经典面向对象设计

    ### JavaScript经典面向对象设计 #### 标题与描述解析 标题“JavaScript经典面向对象设计”指出了本书的主要内容是关于如何使用面向对象编程(OOP)原则和技术来编写高质量、可扩展且可重用的JavaScript应用程序及...

    Javascript 程序设计基础教程(第2版)_习题答案

    JavaScript是一种广泛...总的来说,"JavaScript程序设计基础教程(第2版)_习题答案"涵盖了JavaScript的基础知识和现代特性,通过解答习题,学习者将能够熟练掌握JavaScript编程,从而能够创建交互式的网页和应用程序。

    【JavaScript源代码】JavaScript继承的三种方法实例.docx

    ### JavaScript继承的三种方法实例详解 #### 一、概述 在JavaScript中,虽然原生语言层面没有提供传统意义上的“类”这一概念,但它通过构造函数和原型链等机制实现了类的功能,尤其是继承这一核心概念。继承是...

    Javascript 设计模式 很经典 第一本

    ### JavaScript设计模式经典知识点概述 #### 一、书籍简介与背景 《Pro JavaScript Design Patterns》是一本关于JavaScript设计模式的经典著作,由Ross Harmes和Dustin Diaz共同编写,并于2008年出版。该书深入浅出...

    JavaScript高级程序设计学习总结

    在《JavaScript高级程序设计》这本书中,作者深入浅出地讲解了这门语言的高级概念和技术,帮助开发者提升技能水平。以下是我对这本书学习的总结: 1. **变量与数据类型** JavaScript中的变量是动态类型的,可以...

    JavaScript 脚本程序设计

    原型链、构造函数和继承机制是JavaScript面向对象特性的关键点,通过它们可以创建复杂的数据结构和复用代码。 最后,每章后的练习题是巩固知识的重要环节。通过实际编写和调试代码,学习者能够更好地理解和应用所学...

    JavaScript前端开发程序设计教程(微课版)-教材代码.zip

    原型链——理解JavaScript的继承机制;异步编程——包括回调函数、Promise和async/await;以及模块化——如何使用模块系统(如CommonJS、ES6模块)来组织和管理代码。 8. **实践应用**:通过实际的代码示例和练习,...

    JavaScript面向对象程序设计

    JavaScript是一种广泛用于Web开发的动态编程语言,虽然它在语法层面并未像Java或C++那样直接支持类(class)等传统面向对象概念,但它仍然具备面向对象的特性,如封装、继承和多态。面向对象编程(OOP)的核心是通过...

Global site tag (gtag.js) - Google Analytics