zoukankan      html  css  js  c++  java
  • Christmas Trees, Promises和Event Emitters

      今天有同事问我下面这段代码是什么意思:

    var MyClass = function() {
      events.EventEmitter.call(this); // 这行是什么意思?
    };
    util.inherits(MyClass, events.EventEmitter); // 还有这行?

      我也不是很明白,于是研究了一下。下面是我的一些体会。

    Christmas Trees和Errors

      如果你写过JavaScript或NodeJS代码,你也许会对callback地狱深有体会。每次当你进行异步调用时,按照callback的契约,你需要传一个function作为回调函数,function的第一个参数则默认为接收的error。这是一个非常棒的约定,不过仍然存在两个小问题:

      1. 每次回调过程中都需要检查是否存在error - 这很烦人

      2. 每一次的回调都会使代码向右缩进,如果回调的层级很多,则我们的代码看起来就像圣诞树一样:

      此外,如果每个回调都是一个匿名函数并包含大量的代码,那么维护这样的代码将会使人抓狂。

    你会怎么做呢?

      其实有许多方法都可以解决这些问题,下面我将提供三种不同方式编写的代码用于说明它们之间的区别。

      1. 标准回调函数

      2. Event Emitter

      3. Promises

      我创建了一个简单的类"User Registration",用于将email保存到数据库并发送。在每个示例中,我都假设save操作成功,发送email操作失败。

      1)标准回调函数

      前面已经提过,NodeJS对回调函数有一个约定,那就是error在前,回调在后。在每一次回调中,如果出现错误,你需要将错误抛出并截断余下的回调操作。

    ########################### registration.js #################################
    var Registration = function () {
      if (!(this instanceof Registration)) return new Registration();
      var _save = function (email, callback) {
        setTimeout(function(){
          callback(null);
        }, 20);
      };
      var _send = function (email, callback) {
        setTimeout(function(){
          callback(new Error("Failed to send"));
        }, 20);
      };
      this.register = function (email, callback) {
        _save(email, function (err) {
          if (err)
            return callback(err);
          _send(email, function (err) {
            callback(err);
          });
        });
      };
    };
    module.exports = Registration;
    ########################### app.js #################################
    var Registration = require('./registration.js');
    var registry = new Registration();
    registry.register("john@example.com", function (err) {
      console.log("done", err);
    });

      大部分时候我还是倾向于使用标准回调函数。如果你觉得你的代码结构看起来很清晰,那么我不认为"Christmas Tree"会对我产生太多的困扰。回调中的error检查会有点烦人,不过代码看起来很简单。

      2)Event Emitter

      在NodeJS中,有一个内置的库叫EventEmitter非常不错,它被广泛应用到NodeJS的整个系统中。

      你可以创建emitter的一个实例,不过更常见的做法是从emitter继承,这样你可以订阅从特定对象上产生的事件。

      最关键的是我们可以将事件连接起来变成一种工作流如“当email被成功保存之后就立刻发送”。

      此外,名为error的事件有一种特殊的行为,当error事件没有被任何对象订阅时,它将在控制台打印堆栈跟踪信息并退出整个进程。也就是说,未处理的errors会使整个程序崩掉。

    ########################### registration.js #################################
    var util = require('util');
    var EventEmitter = require('events').EventEmitter;
    var Registration = function () {
      //call the base constructor
      EventEmitter.call(this);
      var _save = function (email, callback) {
        this.emit('saved', email);
      };
      var _send = function (email, callback) {
        //or call this on success: this.emit('sent', email);
        this.emit('error', new Error("unable to send email"));
      };
      var _success = function (email, callback) {
        this.emit('success', email);
      };
      //the only public method
      this.register = function (email, callback) {
        this.emit('beginRegistration', email);
      };
      //wire up our events
      this.on('beginRegistration', _save);
      this.on('saved', _send);
      this.on('sent', _success);
    };
    //inherit from EventEmitter
    util.inherits(Registration, EventEmitter);
    module.exports = Registration;
    ########################### app.js #################################
    var Registration = require('./registration.js');
    var registry = new Registration();
    //if we didn't register for 'error', then the program would close when an error happened
    registry.on('error', function(err){
      console.log("Failed with error:", err);
    });
    //register for the success event
    registry.on('success', function(){
      console.log("Success!");
    });
    //begin the registration
    registry.register("john@example.com");

      你可以看到上面的代码中几乎没有什么嵌套,而且我们也不用像之前那样在回调函数中去检查errors。如果有错误发生,程序将抛出错误信息并绕过余下的注册过程。

      3)Promises

      这里有大量关于promises的说明,如promises-spec, common-js等等。下面是我的理解。

      Promises是一种约定,它使得对嵌套回调和错误的管理看起来更加优雅。例如异步调用一个save方法,我们不用给它传递回调函数,该方法将返回一个promise对象。这个对象包含一个then方法,我们将callback函数传递给它以完成回调函数的注册。

      据我所知,人们倾向于使用标准回调函数的形式来编写代码,然后使用如deferred的库来将这些回调函数转换成promise的形式。这正是我在这里要做的。

    ######################### app.js ############################
    var Registration = require('./registration.js');
    var registry = new Registration();
    registry.register("john@example.com")
      .then(
        function () {
          console.log("Success!");
        },
        function (err) {
          console.log("Failed with error:", err);
        }
      );
    ######################### registration.js ############################
    var deferred = require('deferred');
    var Registration = function () {
      //written as conventional callbacks, then converted to promises
      var _save = deferred.promisify(function (email, callback) {
        callback(null);
      });
      var _send = deferred.promisify(function (email, callback) {
        callback(new Error("Failed to send"));
      });
      this.register = function (email, callback) {
        //chain two promises together and return a promise
        return _save(email)
                 .then(_send);
      };
    };
    module.exports = Registration;

      promise消除了代码中的嵌套调用以及像EventEmitter那样传递error。这里我列出了它们之间的一些区别:

      EventEmitter

    • 需要引用util和events库,这两个库已经包含在NodeJS中
    • 你需要将自己的类从EventEmitter继承
    • 如果error未处理则会抛出运行时异常
    • 支持发布/订阅模式

      Promise

    • 使整个回调形成一个链式结构
    • 需要库的支持来将回调函数转换成promise的形式,如deferred或Q
    • 会带来更多的开销,所以可能会稍微有点慢
    • 不支持发布/订阅模式

    原文地址:http://www.joshwright.com/tips/javascript-christmas-trees-promises-and-event-emitters

  • 相关阅读:
    Ie console未定义
    jquery bind和live区别
    php insert 空
    ie8及以下不支持getElemlentsByClassName
    jquery ajax parseerror
    你的灯亮着吗——发现问题的真正所在(摘录)
    转:getElementById引起的jQuery的选择器bug
    JS判断是否为数字、JS判断是否为整数、JS判断是否为浮点数
    Microsoft .NET Framework 4 (Standalone Installer)
    Not enough memory is available to complete this request
  • 原文地址:https://www.cnblogs.com/jaxu/p/5645455.html
Copyright © 2011-2022 走看看