在 Dojo 框架中define、declare 和 require的区别

0. dojo库引入

<script src="/node_modules/dojo/dojo.js" data-dojo-config="async: true">script>

在 Dojo 框架中，define、declare 和 require 是三个重要的概念，它们在模块化和类声明中扮演不同的角色。以下将详细介绍它们的功能、区别及使用场景：

1. define

• 定义：define 用于定义一个模块（module），它是 Dojo 模块化开发的核心方法。
• 用途：
  • 创建独立的代码块，便于管理和复用。
  • 声明模块的依赖关系，通过回调函数实现模块间的交互。
  • 支持异步加载，优化页面加载性能。
• 语法：

  define(["依赖模块1", "依赖模块2"], function(模块1, 模块2) {
      // 模块逻辑
      return {
          // 暴露的接口或对象
      };
  });
  

  • 第一个参数是依赖模块数组（可选）。
  • 第二个参数是一个函数，该函数接收依赖模块作为参数，并在执行后返回模块的接口或对象。

---

2. declare

• 定义：declare 用于在 Dojo 中声明一个类（class）。它是实现面向对象编程的关键工具。
• 用途：
  • 创建可复用的对象，支持继承和多继承。
  • 用于构建具有状态的复杂组件，如 UI 控件。
• 语法：

  define(["dojo/_base/declare"], function(declare) {
      return declare("namespace.MyClass", [基类1, 基类2], {
          // 类的属性和方法
      });
  });
  

  • 第一个参数是 dojo/_base/declare。
  • 第二个参数是一个函数，返回通过 declare 创建的类。
  • declare 接受三个参数：
    1. 类名（可选，支持命名空间）。
    2. 继承的基类数组（可选）。
    3. 类的属性和方法定义。

---

3. require

• 定义：require 用于加载和引入已经定义好的模块。
• 用途：
  • 在代码中引入其他模块的功能。
  • 实现模块之间的依赖关系。
• 语法：

  require(["模块1", "模块2"], function(模块1, 模块2) {
      // 使用模块1和模块2的...
  });
  

  • 第一个参数是模块数组。
  • 第二个参数是一个回调函数，接收引入的模块作为参数。

---

4. 区别

功能	define	declare	require
定义	定义模块	声明类	加载模块
返回值	必须返回一个模块对象或接口	返回一个类	无返回值
依赖关系	支持声明依赖模块	通常与 define 结合使用，声明类依赖	引入其他模块，但本身不声明依赖
使用场景	用于模块化开发，拆分功能	用于面向对象编程，创建可复用的类	用于在代码中引入其他模块的功能
是否暴露接口	是（通过返回值暴露）	是（通过类的实例化暴露）	否

---

5. 示例代码

使用 define 定义模块

// 定义一个名为 myModule 的模块
define(["dojo/dom", "dojo/domReady!"], function(dom) {
    return {
        sayHello: function() {
            dom.byId("output").innerHTML = "Hello, Dojo!";
        }
    };
});

使用 declare 声明类

// 声明一个名为 MyClass 的类
define(["dojo/_base/declare"], function(declare) {
    return declare("namespace.MyClass", null, {
        constructor: function(name) {
            this.name = name;
        },
        greet: function() {
            console.log("Hello, " + this.name + "!");
        }
    });
});

使用 require 引入模块

// 引入 myModule 模块并使用
require(["myModule"], function(myModule) {
    myModule.sayHello();
});

---

6. 总结

• define：用于定义模块，支持模块化和异步加载。
• declare：用于声明类，支持继承和多继承，适合面向对象编程。
• require：用于加载模块，在代码中引入其他模块的功能。
  三者结合使用，可以实现模块化、面向对象和代码复用的最佳实践。