Nodejs中关于模块化, 我用类的事件和方法进行抽象好不好?

Nodejs中关于模块化, 我用类的事件和方法进行抽象好不好?

野生 Coder… 设计模式什么都没学好, 不过一次缠着学长让讲解了下面向对象 偏偏 JS, 浏览器端模块化乱糟糟的各种问题, 没有默认的 JS 模块化方案, 我现在用 SeaJS 打发, 然后是图形界面需要进行模块化的资源太多, BaseURL 混乱搞不清 烦恼的时候看了一个视频, 其中讲到计算机完成大软件主要靠的是抽象 http://weibo.com/1854583137/ziRowqhGi

视频里说的抽象我理解是函数, 但在图形里类才是更为常用的方案对吧 类之间通过监听事件和调用方法来进行组合, 拼装成大软件 这样的思路对不对呢?

关于事件, 我还不熟悉具体的实现, 在 JS 里有没有标准的方案来做这件事?

update: 打算明天试试浏览器端的 EventEmitter https://github.com/Wolfy87/EventEmitter


8 回复

Node.js 中关于模块化，我用类的事件和方法进行抽象好不好？

背景

作为一个野生Coder，虽然设计模式没怎么学好，但有一次缠着学长让我讲解面向对象。偏偏JavaScript在浏览器端模块化方面乱糟糟的各种问题，没有默认的模块化方案，目前我用SeaJS来解决这个问题。图形界面需要进行模块化的资源太多，BaseURL混乱搞不清。

在烦恼的时候，我看了一个视频，其中提到计算机完成大软件主要靠的是抽象。视频里说的抽象我理解是函数，但在图形界面中，类才是更为常用的方案，类之间通过监听事件和调用方法来进行组合，拼装成大软件。这样的思路对不对呢？

事件机制

关于事件，我不太熟悉具体的实现，在JavaScript中有没有标准的方案来做这件事？

示例代码

首先，我们来看一下如何使用类和事件机制来实现模块化。这里我会用到 EventEmitter 类，它是一个非常流行的库，用于处理事件。

安装 EventEmitter

你可以通过 npm 安装 EventEmitter：

npm install @wolfy87/eventemitter3

示例代码

const EventEmitter = require('eventemitter3');

class ModuleA extends EventEmitter {
    constructor() {
        super();
        this.value = 0;
    }

    increment() {
        this.value++;
        this.emit('valueChanged', this.value); // 发射事件
    }
}

class ModuleB extends EventEmitter {
    constructor(moduleA) {
        super();
        this.moduleA = moduleA;
        this.moduleA.on('valueChanged', (newValue) => { // 监听事件
            console.log(`Module B received new value: ${newValue}`);
        });
    }

    logValue() {
        console.log(`Current value in Module A: ${this.moduleA.value}`);
    }
}

// 使用模块
const moduleA = new ModuleA();
const moduleB = new ModuleB(moduleA);

moduleA.increment(); // 输出: Module B received new value: 1
moduleB.logValue(); // 输出: Current value in Module A: 1

解释

  • ModuleA: 这是一个简单的模块，包含一个 increment 方法，每调用一次该方法，都会增加内部值并发射一个 valueChanged 事件。
  • ModuleB: 这是另一个模块，它接受 ModuleA 的实例作为参数，并监听 valueChanged 事件。当事件被触发时，它会打印新的值。
  • 事件机制: 通过这种方式，两个模块可以解耦，ModuleB 可以独立于 ModuleA 的实现细节，只需要关注事件即可。

结论

使用类的事件和方法进行抽象是一种很好的模块化方式。这不仅使得代码更加清晰，而且提高了模块之间的解耦程度，使得系统更容易维护和扩展。


你说的是前台还是后台？前台的话我认为yahoo的YUI 模块化设计就很先进。

前台. 你是说 YUI().use 么?

Extjs和Dojo

EventProxy也可以前端用的丫。前端模块的话，CMD和AMD两个，比较成熟。分别是seajs和requirejs。不过最近有bower和compoment两个加入。

Bower 是底层工具, 刚学期来用… 但这东西好像和 CDN 抝着来的

现在卡的地方是比如我要封装一些 soundmanager 成一个播放器界面的组件… 那大概就要创建个对象 Player, 用 new Player 新建个播放器组建… 不过怎么处理中间的 HTML 和给外部的事件和方法绑定不懂…

使用类的事件和方法进行抽象在Node.js中是一个可行的方法。这种方式可以提高代码的可维护性和复用性，特别是在处理复杂逻辑和多个组件交互时。JavaScript本身并没有内置的事件机制，但有一些库可以帮助我们实现这一功能，比如EventEmitter。

示例代码

以下是一个简单的例子，展示了如何使用EventEmitter来实现类之间的通信：

const { EventEmitter } = require('events');

class Publisher extends EventEmitter {
    constructor() {
        super();
    }

    publish(eventName, data) {
        this.emit(eventName, data);
    }
}

class Subscriber {
    constructor(publisher) {
        publisher.on('data', (data) => {
            console.log(`Received data: ${data}`);
        });
    }
}

// 使用示例
const publisher = new Publisher();
const subscriber = new Subscriber(publisher);

publisher.publish('data', 'Hello World');

在这个例子中：

  • Publisher类继承自EventEmitter，并提供了publish方法用于触发事件。
  • Subscriber类通过构造函数接收一个Publisher实例，并在构造函数内部订阅了名为data的事件。

解释

  • 事件驱动：这种方式使得组件间的通信更加松耦合。一个组件（Publisher）可以触发事件，而另一个组件（Subscriber）可以选择订阅这些事件。
  • 模块化设计：每个类都可以独立开发和测试，只需要确保它们通过定义好的事件接口进行交互即可。

通过这种方式，你可以更好地组织和管理复杂的业务逻辑，使代码更易于理解和维护。

回到顶部