Ext OOP基础
<!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基础的更多相关文章
- Ext.js基础
第一章:Ext.js基础 好书推荐 Javascript设计模式 征服ajax web 2.0开发技术详解 简介 基础要求 了解HTML.CSS.熟练JS.JS的OOP.AJAX JSP/PHP/AS ...
- 面向对象(OOP)--OOP基础与this指向详解
前 言 学过程序语言的都知道,我们的程序语言进化是从“面向机器”.到“面向过程”.再到“面向对象”一步步的发展而来.类似于汇编语言这样的面向机器的语言,随着时代的发展已经逐 ...
- 面向对象编程(OOP)基础之UML基础
在我们学习OOP过程中,难免会见到一些结构图~各种小框框.各种箭头.今天小猪就来简单介绍一下这些框框箭头的意思——UML. UML定义的关系主要有:泛化(继承).实现.依赖.关联.聚合.组合,这六种关 ...
- 深入浅出ExtJS 第二章 Ext框架基础
2.1 面向对象的基础架构(对象模型) 2.1.1 创建类 >.定义一个类: Ext.define('demo.Demo',{ name:'Lingo', hello:function () { ...
- Ext学习-基础组件介绍
1.目标 学习对象获取,组件基础,事件模型以及学习ExtJS中的基础组件的应用. 2.内容 1.对象获取 2.组件原理以及基础 3.事件模型 4.常用组件的介绍 3.学习步骤 1 ...
- Ext学习-基础概念,核心思想介绍
1.目标 本阶段的目标是通过学习一些基础知识来对EXTJS有个整体的了解,知道EXTJS的基础语法,核心设计思想等等 2.内容 1.基础部分学习 2.EXTJS类系统介绍 3.EXTJ ...
- oc中的oop基础及类的基本介绍
面向对象的(OOP)的基础知识 类(class):表示一组对象数据的结构体,对象通类来得到自身.类名首字母大写. 对象(objcet):是一种包含值和指向其类的隐藏指针的结构体.运行中的程序中通常会有 ...
- C#语言-04.OOP基础
a. OOP:面对对象思想 i. 类:是一种功能强大的数据类型,而且是面向对象的基础 . 语法:访问修饰符 class 类名{ //类的主体 } . 成员变量:不以“函数”形式体现 a. 常量:代表与 ...
- JAVA OOP 基础知识提纲
OOP: 面向对象: 认识事物的一个过程,是整体(特征/行为) 认识事物的方式.人类认识事物的自然思维习惯. 对象及类 对象是实实在在具体存在的东西,主要是从两个角度(行为,特征)去观察 类:是一组具 ...
随机推荐
- mysql的安裝
记得上学的时候,“研究”过一次mysql,找了篇文章,在课堂上念了.至今已经10余年,居然没再碰过数据库,自以为做嵌入式不用数据库,回头一看,却已经out许久... 上网下到最新的mysql5.5,从 ...
- 【Flutter学习】事件处理与通知之通知(Notification)
一,概述 Notification是Flutter中一个重要的机制,在Widget树中,每一个节点都可以分发通知,通知会沿着当前节点(context)向上传递,所有父节点都可以通过Notificati ...
- Linux下github的使用
在linux下搭建git环境 1.创建Github账号,https://github.com 2.Linux创建SSH密钥: ssh-keygen ##一直默认就可以了 3.将公钥加入到Github账 ...
- Oracle中start with...connect by (prior)子句的用法
connect by 是结构化查询中用到的,基本语法是:select … from tablenamestart with 条件1connect by 条件2where 条件3; 例:select * ...
- 继续我们的学习。这次鸟哥讲的是LVM。。。磁盘管理 最后链接文章没有看
LVM...让我理解就是一个将好多分区磁盘帮到一起的玩意,类似于烙大饼...然后再切 新建了一个虚拟机,然后又挂了一个5G的硬盘,然后分出了5块空间,挂载到了虚拟机上.这些步骤很简单 fdisk ...
- 【Tomcat】2.配置Tomcat服务器端口和HTTPS
1.修改XML配置文件 找到Tomcat安装目录下的conf文件夹,打开server.xml文件(可以用笔记本打开) 其中有几行代码如下 <Server port="8005" ...
- c 语言 volatile 关键字
一.前言 1.编译器优化介绍: 由于内存访问速度远不及CPU处理速度,为提高机器整体性能,在硬件上引入硬件高速缓存Cache,加速对内存的访问.另外在现代CPU中指令的执行并不一定严格按照顺序执行,没 ...
- mybatis原理与设计模式-日志模块- 适配器模式
在讲设计模式之前,得先知道java程序设计中得六大原则,才能更好得理解我们得系统为什么需要设计模式 1 单一职责原则 一个类只负责一种职责,只有这种职责的改变会导致这个类的变更.绕口一点的正统说法:不 ...
- rsync+inotify实现实时同步案例
转自:http://chocolee.blog.51cto.com/8158455/1400596 随着应用系统规模的不断扩大,对数据的安全性和可靠性也提出的更好的要求,rsync在高端业务系统中也逐 ...
- Ajax,ajax封装
/** * Created by liyinghao on 2016/8/23. */ /*仿jQuery中的ajax方法,简单版实现;封装ajax的工具函数*/ /* * 1 请求方式 type g ...