OOP-类的继承

最新推荐文章于 2025-05-09 17:56:54 发布

chenguanwei

最新推荐文章于 2025-05-09 17:56:54 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext 文章标签： OOP EXT JavaScript CSS HTML ViewUI

本文链接：https://blog.youkuaiyun.com/chenguanwei/article/details/83427923

Ext 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用ExtJS中的Ext.extend方法实现类的继承。通过一个具体的示例演示了子类如何继承父类的方法并进行重写，同时展示了如何定义新的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Ext中通过Ext.extend(...)方法来实现类的继承

首先需要定义一个子类，并在构造方法中调用父类的构造方法

然后通过Ext.extend()方法实现继承关系，在方法体内可以定义任何的方法，如果该方法的名称和参数都与父类方法中某方法一致，那么该方法是重写的方法。否则，是新方法。

例子：

//命名空间
Ext.namespace("cn.cgw");

//ͨ用构造函数定义类ExtendtClass
cn.cgw.ExtendClass = function() {
	//调用父类构造方法
	cn.cgw.ExtendClass.superclass.constructor.apply(this);
}
	
Ext.extend(cn.cgw.ExtendClass,cn.cgw.FirstClass,{			
	//新方法	
	newMethod : function() {
		alert("新方法");
	},
	//重写的方法
	publicMethod : function() {
		alert("重写的方法");
	}

});

function testExtendClass() {
	var ec = new cn.cgw.ExtendClass();
	ec.newMethod();
	ec.publicMethod();
}

<html>
	<head>
		<title>Test Class Define In Ext</title>
		<link rel="stylesheet" type="text/css"
			href="extjs/resources/css/ext-all.css" />
		<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
		<script type="text/javascript" src="oop/ExtClass.js"></script>
		<script type="text/javascript" src="oop/ExtExtendClass.js"></script>
	</head>
	<body onload="testExtendClass()">
	</body>
</html>