<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>第三章：Ext OOP基础</title>

    <link rel="stylesheet" href="src/ext/resources/css/ext-all.css">

    <!--ext-base 必须在ext-all之前引入-->

    <script src="src/ext/ext-base.js"></script>

    <script src="src/ext/ext-all.js"></script>

    <!--<script src="src/ext/ext-lang-zh_CN.js"></script>-->

</head>

<body>

<script>

    // js prototype扩展类功能

    var Crab = function () {

        this.legs = 10;

    };

    Crab.prototype = {

        say: function () {

            console.log('我是一只螃蟹，我有' + this.legs + '只脚，横行霸道是我的天性');

        },

    };

    // js继承

    var extend = function (child, father) {

        child.prototype = father.prototype;

    };

    var GenGrab = function () {

        this.legs = 2;

    };

    extend(GenGrab, Crab);

    var gc = new GenGrab();

    gc.say();

</script>

<script>

    /*Ext.namespace('com.aptech') 命名空间*/

    Ext.namespace('com.aptech');

    com.aptech.First = function () {

        // 私有成员

        var kiss = '中华人民共和国';

        // 私有方法

        // 公有方法

        return {

            // 公有成员

            init: function () {

                alert('init');

                alert(kiss);

            },

            // 公有成员

            method: function () {

                alert('method');

            },

        };

    };

    com.aptech.Second = function () {

        // 调用父类构造方法

        com.aptech.Second.superclass.constructor.apply(this);

    };

    /*

    * @extend 第一个参数子类，第二个参数父类，第三个参数要覆盖的属性

    * com.aptech.Second 子类继承自父类 com.aptech.First

    * */

    Ext.extend(com.aptech.Second, com.aptech.First, {

        // 新方法

        fun: function (i) {

            return i * i * i;

        },

        // 重写com.aptech.First的方法

        method: function () {

            alert('Second::method')

        }

    });

    // 测试

    var second = new com.aptech.Second()

    // alert(second.fun(5))

    /*

    * Ext.apply() 将第二个参数的成员赋给第一个参数

    * 不管config里面有多少个成功都没问题

    * */

    function Student (config) {

        // 把调用函数的所有属性，

        Ext.apply(this, config)

    }

    var student = new Student({name:'陈大大', sex: '男'})

    console.log('姓名：'+ student.name)

    /*

     * Ext.applyIf() 不会将config和obj参数同名属性覆盖，

     * 且obj没有的，config中有，则会被复制到obj中

     * */

    function Student (config) {

        // 把调用函数的所有属性，

        this.name = '陈帅'

        this.sex = '男'

        Ext.applyIf(this, config)

    }

    var student = new Student({name:'陈大大', sex: '男', birthday: new Date()})

    console.log(student)

</script>

</body>

</html>

　　

Ext OOP基础的更多相关文章

  1. Ext.js基础

    第一章:Ext.js基础 好书推荐 Javascript设计模式 征服ajax web 2.0开发技术详解 简介 基础要求 了解HTML.CSS.熟练JS.JS的OOP.AJAX JSP/PHP/AS ...

  2. 面向对象（OOP）--OOP基础与this指向详解

      前  言            学过程序语言的都知道,我们的程序语言进化是从“面向机器”.到“面向过程”.再到“面向对象”一步步的发展而来.类似于汇编语言这样的面向机器的语言,随着时代的发展已经逐 ...

  3. 面向对象编程(OOP)基础之UML基础

    在我们学习OOP过程中,难免会见到一些结构图~各种小框框.各种箭头.今天小猪就来简单介绍一下这些框框箭头的意思——UML. UML定义的关系主要有:泛化(继承).实现.依赖.关联.聚合.组合,这六种关 ...

  4. 深入浅出ExtJS 第二章 Ext框架基础

    2.1 面向对象的基础架构(对象模型) 2.1.1 创建类 >.定义一个类: Ext.define('demo.Demo',{ name:'Lingo', hello:function () { ...

  5. Ext学习-基础组件介绍

    1.目标    学习对象获取,组件基础,事件模型以及学习ExtJS中的基础组件的应用. 2.内容   1.对象获取   2.组件原理以及基础   3.事件模型   4.常用组件的介绍 3.学习步骤 1 ...

  6. Ext学习-基础概念，核心思想介绍

    1.目标   本阶段的目标是通过学习一些基础知识来对EXTJS有个整体的了解,知道EXTJS的基础语法,核心设计思想等等 2.内容   1.基础部分学习   2.EXTJS类系统介绍   3.EXTJ ...

  7. oc中的oop基础及类的基本介绍

    面向对象的(OOP)的基础知识 类(class):表示一组对象数据的结构体,对象通类来得到自身.类名首字母大写. 对象(objcet):是一种包含值和指向其类的隐藏指针的结构体.运行中的程序中通常会有 ...

  8. C#语言-04.OOP基础

    a. OOP:面对对象思想 i. 类:是一种功能强大的数据类型,而且是面向对象的基础 . 语法:访问修饰符 class 类名{ //类的主体 } . 成员变量:不以“函数”形式体现 a. 常量:代表与 ...

  9. JAVA OOP 基础知识提纲

    OOP: 面向对象: 认识事物的一个过程,是整体(特征/行为) 认识事物的方式.人类认识事物的自然思维习惯. 对象及类 对象是实实在在具体存在的东西,主要是从两个角度(行为,特征)去观察 类:是一组具 ...

随机推荐

  1. linux IPC 消息队列（二）

    我在网上想找多进程之间的通信方式,发现有人写的消息队列很好,搬过来: common.h #ifndef __COMMON_H_ #define __COMMON_H_ #include <std ...

  2. npm ERR! cb() never called! npm ERR! This is an error with npm itself. Pleas

    原因是:需要用管理员的身份才能进行 方法:点开始,找到命令提示符,右键,点以管理员的身份运行命令即可

  3. DataFrame读取CSV文件

    读取csv的代码: print pd.read_csv("ex1.csv") print "\n" print "Can also use read ...

  4. camunda

    Camunda BPM 用途:   流程管理.流程解决方案 支持语言: java ,nodejs 入门指导:1.https://docs.camunda.org/get-started/quick-s ...

  5. PHP CURL 模拟form表单上传遇到的小坑

    1:引用的时候 $parans ['img']=new \CURLFile($param); 传入的文件 在PHP版本5.5以上记得new CURLFile 不然会上传不成功 /** * http p ...

  6. Cocos2d-x 发布 Android

    Cocos2d-x 发布 Android 前置需求: Android NDK Android SDK OR Eclipse ADT Bundle Android AVD target installe ...

  7. Python matplotlib 交互模式

    在交互模式下一定要执行plt.pause(0.0001)  才会显示图像

  8. c++计算1到100以内的质数

    自考c++实践的时候,有个求计算1-100的质数的问题,没搞出来 由于考试使用的是Dev-C++开发工具,为了下次考试做准备,改用该工具,直接下载安装即可,不会涉及到什么破解等 下载地址:https: ...

  9. ansible了解

    基础知识: ansible简介 ansible 是个什么东西呢?基于 Python paramiko 开发,分布式,无需客户端,轻量级,配置语法使用 YMAL 及 Jinja2模板语言,更强的远程命令 ...

  10. tonight i need your body

    wdnmd wdnmd 再lable中我们有几个不同的type参数: text     写的是文本类型的参数 password    不管输入的是什么显示的都是星星 date    输入的是一个日历本 ...