Ext(6)——定义类和类的继承

最新推荐文章于 2017-11-08 18:05:36 发布

Elim-Zhang

最新推荐文章于 2017-11-08 18:05:36 发布

阅读量713

点赞数

分类专栏： HTML EXT CSS JavaScript

本文链接：https://blog.csdn.net/zylzb/article/details/40510701

版权

JavaScript 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

HTML

7 篇文章 0 订阅

订阅专栏

定义一个类主要有两种方法，方法1是直接在类后面进行类的定义

com.tiantian.test.Person = function() {//定义一个对象
    			this.name = "默认名称";
    			this.age = 0;
    			this.country = "中国";
    		}

方法2是使用Ext自己定义的define方法进行定义：

Ext.define("com.tiantian.test.Person1",{
    			name: "person1",
    			age: 30
    		});

类的继承：

类的继承主要是在定义类的时候指定其extend属性指向其需要继承的类

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>05_inherit.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript" src="../ext4/ext-all-debug.js"></script>
    <script type="text/javascript">
    	Ext.onReady(function() {
    		Ext.namespace("com.tiantian.test");
    		com.tiantian.test.Person = function() {//定义一个对象
    			this.name = "默认名称";
    			this.age = 0;
    			this.country = "中国";
    		}
    		//也可以这样定义一个对象
    		Ext.define("com.tiantian.test.Person1",{
    			name: "person1",
    			age: 30
    		});
    		Ext.define("com.tiantian.test.Student",{
    			extend: "com.tiantian.test.Person",//表示继承自哪个类
    			constructor: function(name, age) {//构造方法
    				this.name = name;
    				this.age = age;
    			},
    			role: "学生",
    			country: "新加坡",
    			getRole: function() {
    				return this.role;
    			}
    		});
    		Ext.define("com.tiantian.test.Teacher",{
    			extend: "com.tiantian.test.Person",
    			country: "马来西亚",
    			role: "老师"
    		});
    		var student = new com.tiantian.test.Student("张三",3);
    		alert("name:"+student.name+" age:"+student.age+" role:"+student.role+student.getRole()+" country:"+student.country);
    		var person1 = new com.tiantian.test.Person1();
    		alert(person1.name);
    		var teacher = new com.tiantian.test.Teacher();
    		teacher.name = "李四";
    		teacher.age = 30;
    		alert("name:"+teacher.name+" age:"+teacher.age+" role:"+teacher.role+" country:"+teacher.country);
    	});
    </script>

  </head>
  
  <body>
    This is my HTML page. <br>
  </body>
</html>

Elim-Zhang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext(6)——定义类和类的继承

定义一个类主要有两种方法，方法1是直接在类后面进行类的定义com.tiantian.test.Person = function() {//定义一个对象 this.name = "默认名称"; this.age = 0; this.country = "中国"; } 方法2是使用Ext自己定义的define方法进行定义：
复制链接

扫一扫

专栏目录