<!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. UNP学习第五章（二）

    一.POSIX信号处理 信号:告知某进程发生了某个事件的通知(软中断),通常是异步的. 信号可以:由进程发给另一个进程,由内核发给某个进程. 设置信号处理办法,有三个选择: 1.写一个函数,在信号发生 ...

  2. UNP学习第四章tcp

    一.TCP简单流程图 因为对于server我已经写过一篇笔记了:http://www.cnblogs.com/ch122633/p/8315883.html 所以我想再补充一些对于client的部分的 ...

  3. jdbc 事物

    package transaction; import jdbc.utils.*; import java.sql.Connection; import java.sql.PreparedStatem ...

  4. delphi 随意将函数执行权限提高到Ring0源代码

    //随意将函数执行权限提高到Ring0源代码//Windows 2K以上的操作系统,//用途: 提供超级简单使用的APIrocessRing0(),//可将delphi中的任意函数由原來的Ring3权 ...

  5. AcWing 234. 放弃测试 （01分数规划）打卡

    题目:https://www.acwing.com/problem/content/236/ 题意:给你一个方程,可以有k个不选,要求最优 思路:看了一下这个方程就知道是01分数规划的模板题,它可以选 ...

  6. docker常见启动参数

    dockerd启动参数详解: dockerd \ --bip \ #设置docker0网段 --selinux-enabled=false \ #关闭selinux --insecure-regist ...

  7. 【Tomcat】1.Tomcat在Windows系统的安装和使用

    1.下载与安装 安装Tomcat的[前提条件]是安装好JDK或者JRE(本文略过)Tomcat在Windows系统中可以通过[压缩包]或[安装包]来安装建议使用[安装包]来简化安装步骤登录官网http ...

  8. 91、R语言编程基础

    1.查看当前工作空间 > getwd() ] "C:/Users/P0079482.HHDOMAIN/Documents" > 2.查看内存中有哪些对象 > ls ...

  9. html 局部打印

    首先有个调用的方法.printView(). function printView() { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 ...

  10. Windows10安装好Visual Studio2017后，找不到MFC向导

    前段时候在Windows10中安装好Visual Studio2017后,想创建一个基于MFC的对话框应用,发现无法找到MFC开发向导选项,很是奇怪,以前使用VC6.0或者Visual Studio2 ...