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

简介: 定义一个类 主要有两种方法,方法1是直接在类后面进行类的定义 com.tiantian.test.Person = function() {//定义一个对象 this.name = "默认名称"; this.

定义一个类 主要有两种方法,方法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>
目录
相关文章
|
7月前
|
C++
c++继承类型与多继承
c++继承类型与多继承
43 0
|
7月前
|
设计模式 Java 编译器
面向对象编程中的继承与多态:深入理解父类引用指向子类实例
面向对象编程中的继承与多态:深入理解父类引用指向子类实例
|
7月前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
70 0
|
7月前
|
C++
CPP的继承和多态
CPP的继承和多态
55 0
|
7月前
|
JavaScript 前端开发
js继承的超详细讲解:原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、class继承
js继承的超详细讲解:原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、class继承
152 0
CPP2022-25-继承与派生(下)
CPP2022-25-继承与派生(下)
147 0
CPP2022-25-继承与派生(中)
CPP2022-25-继承与派生(中)
82 0
|
安全 Java 容器
Java泛型(1)--集合使用泛型Generic、自定义泛型、泛型在继承上的体现、通配符的使用
Java泛型(1)--集合使用泛型Generic、自定义泛型、泛型在继承上的体现、通配符的使用
177 0
Java泛型(1)--集合使用泛型Generic、自定义泛型、泛型在继承上的体现、通配符的使用
|
设计模式 安全 Java
Python面向对象、继承的基本语法、单继承和多层继承、子类重写父类的同名方法、子类调用父类的同名方法、继承中的 init 、 多继承、私有权限、类属性、类方法、静态方法、多态、鸭子类型
称为类 B 继承类 A 特点: B类的对象可以使用 A类的属性和方法 优点: 代码复用.重复相同的代码不用多次书写. 名词: 类A: 父类 基类 类B: 子类 派生类 2. 单继承和多层继承[理解] 单继承: 如果一个类只有一个父类,把这种继承关系称为单继承 多继承: 如果一个类有多个父类,把这种继承关系称为多继承 多层继承: C–> B --> A 3. 子类重写父类的同名方法[掌握] 重写: 子类定义和父类名字相同的方法. 为什么重写: 父类中的方法,不能满足子类对象的需求,所以
558 1
Python面向对象、继承的基本语法、单继承和多层继承、子类重写父类的同名方法、子类调用父类的同名方法、继承中的 init 、 多继承、私有权限、类属性、类方法、静态方法、多态、鸭子类型