<!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. POJ 3468 A Simple Problem with Integers（线段树区间修改及查询）

    Description You have N integers, A1, A2, ... , AN. You need to deal with two kinds of operations. On ...

  2. nodejs搭建服务器 和 操作数据库

    1.express框架:是一个简洁而灵活的 node.js Web应用框架.一般的项目都是基于这个框架开发的.http://www.runoob.com/nodejs/nodejs-express-f ...

  3. linux c开发项目过程总结

    软件工程有瀑布模型,迭代模型等. 使用linux c语言来开发项目,当然也是遵循这样的思想,先要问题定义-->需求分析--->原型设计---->编码及单元测试--->集成测试及 ...

  4. USB编程概念

     RE:USB编程概念 >请你指导我如何学习USB虚拟COM端口PROGRAMM,什么是我们needto有(如硬件和软件)的东西. USB是一个典型的复杂的协议栈,在协议的协议.这是很难完全实现 ...

  5. 76、python学习第二篇

    生成随机数的测试数据 ''' Created on 2017年4月8日 @author: weizhen #to create data for testing ''' import random f ...

  6. The Preliminary Contest for ICPC Asia Shenyang 2019 H

    H. Texas hold'em Poker 思路:根据每个牌型分等级,然后排序按照等级优先,最大值次之,次大值,最后比较剩下值的和. #include<bits/stdc++.h> us ...

  7. UVA1632_Alibaba

    题目链接 大致题意:直线上面有n个点,第i个点坐标为xi,它会在di时间消失,你可以选择从任何位置出发,求访问完所有点的最短时间,无解输出no solution 思路:这有一个难点就是,不知道状态该怎 ...

  8. LINUX 安装PHP GD库遇到的坑

    本文借鉴:https://www.cnblogs.com/gaohj/p/3152646.html linux下为php添加GD库的步骤如下: 一.下载 gd-.tar.gz http://www.b ...

  9. 转 MySQL数据库面试问题集锦

    如何设计一个高并发的系统 ① 数据库的优化,包括合理的事务隔离级别.SQL语句优化.索引的优化 ② 使用缓存,尽量减少数据库 IO ③ 分布式数据库.分布式缓存 ④ 服务器的负载均衡 锁的优化策略 ① ...

  10. markdown_TestOne

    这个是我写的一个markdown尝试 1.2 dafsdfeasdfaefasdfase afsdfasdfefasdfeadfasdfe