### EXTJS学习笔记
#### 一、EXTJS基础概念与命名空间管理
**EXTJS** 是一款基于JavaScript的开源框架，主要用于开发复杂的企业级Web应用。它的设计目标是提高前端开发效率并简化复杂的用户界面（UI）开发过程。在本节中，我们将深入探讨EXTJS中的几个关键概念，包括命名空间管理和函数类型。
##### 命名空间管理
- **Ext.ns() 或 Ext.namespace()**
- **用途**: 创建新的命名空间。类似于C#中的命名空间或者Java中的包。
- **语法**: `Ext.ns('namespace.name');`
- **示例**: `Ext.ns('buzz.data.utility');` 这一行代码将创建一个名为 `buzz.data.utility` 的命名空间。
- **实际意义**: 在JavaScript中，命名空间是一种避免全局变量污染的有效方式。通过这种方式，你可以组织你的代码结构，使其更加清晰、模块化。
#### 二、实例函数与静态函数
在JavaScript中，函数可以分为两种类型：实例函数和静态函数。这两种函数在使用上有一定的区别：
- **实例函数**: 与特定的对象实例绑定，每次创建新的对象实例时，实例函数都会存在于该对象的原型链中。
- **静态函数**: 不与任何特定对象实例绑定，而是作为构造函数的属性存在，可以直接通过构造函数访问。
##### 实现示例
```javascript
Ext.ns('test.cls');
test.cls = function () {
// 构造函数体
};
test.cls.staticShow = function () {
alert('这是静态函数');
};
test.cls.prototype.instanceShow = function () {
alert('这是实例函数');
};
```
#### 三、Ext.apply详解
**Ext.apply** 及 **Ext.applyIf** 方法是EXTJS框架中用于属性复制的两个重要工具。它们可以帮助开发者轻松地将一个对象的属性复制到另一个对象中，这对于初始化配置或合并选项非常有用。
- **Ext.apply**:
- **功能**: 将源对象的属性复制到目标对象中。如果目标对象已有相同属性，则会被覆盖。
- **语法**: `Ext.apply(target, source[, defaults]);`
- **参数**:
- `target`: 目标对象，接收属性的对象。
- `source`: 源对象，其属性将被复制到目标对象。
- `defaults`: 可选，默认属性，如果没有指定的属性则会被添加。
- **示例**:
```javascript
var b1 = { p1: "p1value", p2: "p2value", f1: function () { alert(this.p2); } };
var b2 = new Object();
b2.p2 = "b2value";
Ext.apply(b2, b1);
b2.f1(); // 输出 "p2value"
```
- **Ext.applyIf**:
- **功能**: 类似于 `Ext.apply`，但是只有当目标对象不存在相同属性时才会进行复制。
- **示例**:
```javascript
Ext.applyIf(b2, b1);
b2.f1(); // 输出 "b2value"，因为原有的 p2 属性没有被覆盖
```
#### 四、EXTJS中的继承
EXTJS通过 **Ext.extend** 提供了一个强大的类继承机制，允许开发者扩展现有类而不需直接修改其源代码。这为重用代码和实现面向对象编程提供了便利。
- **Ext.extend**:
- **语法**: `Ext.extend(SubClass, SuperClass[, properties]);`
- **参数**:
- `SubClass`: 子类构造函数。
- `SuperClass`: 超类构造函数。
- `properties`: 可选，用于添加到子类原型上的属性和方法。
- **示例**:
```javascript
MyNewClass = function (arg1, arg2, etc) {
// 显式调用父类的构造函数
MyNewClass.superclass.constructor.call(this, arg1, arg2, etc);
};
Ext.extend(MyNewClass, SomeBaseClass, {
theDocument: Ext.get(document),
myNewFn1: function () {
console.log("This is a new function.");
}
});
```
通过以上介绍，我们可以看出EXTJS不仅提供了一系列实用工具来帮助开发者编写高效、结构化的代码，还提供了强大的类继承机制，使得开发过程更加灵活和模块化。希望这些知识点能够帮助初学者更好地理解和使用EXTJS框架。
