<!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. MySQL图形化管理工具之Navicat安装以及激活

    软件以及激活包下载地址 1. 安装navicat 双击navicat_trial_11.1.20.0.1449226634.exe,一路下一步安装(记住安装目录) 2. 激活 双击PatchNavic ...

  2. 【LeetCode 34】在排序数组中查找元素的第一个和最后一个位置

    题目链接 [题解] 二分某个数的上下界. 其实这个方法并不难. 只要你想清楚了二分最后一次执行的位置在什么地方就不难了. [代码] class Solution { public: vector< ...

  3. [Repost] 悬线法

    <浅谈用极大化思想解决最大子矩形问题>作者:王知昆 首先,根据定理1:最大有效子矩形一定是一个极大子矩形.不过与前一种算法不同的是,我们不再要求每一次枚举的一定是极大子矩形而只要求所有的极 ...

  4. webpack+vue+koa+mongoDB,从零开始搭建一个网站

    github 地址 https://github.com/wangxiaoxi... webpakc+vue的搭建1.新建项目文件夹(see-films);2.npm init //初始化项目3.搭建 ...

  5. Java中Iterator用法整理

    迭代器(Iterator) 迭代器是一种设计模式,它是一个对象,它可以遍历并选择序列中的对象,而开发人员不需要了解该序列的底层结构.迭代器通常被称为“轻量级”对象,因为创建它的代价小. Java中的I ...

  6. 运维02 Shell基础命令(一)

    Shell基础命令(一)   Shell 教程 Shell 是一个用 C 语言编写的程序,它是用户使用 Linux 的桥梁.Shell 既是一种命令语言,又是一种程序设计语言. Shell 是指一种应 ...

  7. 【React】react&&redux调试工具

    一.React调试工具 1.安装 react-developer-tools,在chrome应用商店进行下载,因为网络限制原因,我们可以使用火狐浏览器进行安装下载 a.打开火狐浏览器的附加组件 b.搜 ...

  8. 去BAT面试完的Mysql面试题总结（55道，带完整答案）

    1.一张表里面有ID自增主键,当insert了17条记录之后,删除了第15,16,17条记录,再把mysql重启,再insert一条记录,这条记录的ID是18还是15 ? 2.mysql的技术特点是什 ...

  9. 硬RAID与软RAID的区别

    什么是RAID? RAID是英文Redundant Array of Independent Disks的缩写,翻译成中文即为独立磁盘冗余阵列,或简称磁盘阵列.简单的说,RAID是一种把多块独立的硬盘 ...

  10. __attribute__((regparm(3))) from GNU C

    在 x86 上,regparm 属性会传递一个数值给编译器,这个数值会告诉编译器要用多少个寄存器来传递函数参数(EAX, EDX 或 ECX,最多 3 个寄存器),通常情况下函数是用堆栈来传递参数的. ...