Node.js开发者最常范的10单错误

图片 1

目录

 

  • 前言
  • 1 不动开发工具
    • 1.1
      自动重新开工具
    • 1.2
      浏览器自动刷新工具
  • 2 阻塞event loop
  • 3
    频繁调用回调函数
  • 4
    圣诞树结构的回调(回调的地狱)
  • 5
    创建一个坏如完整的应用程序
  • 6 缺乏日志
  • 7 没有测试
  • 8
    不以静态分析工具
  • 9
    没有监视及性能分析
  • 10
    使用console.log来debug

前言

  随着部分万分商厦如Walmart,PayPal等开头采取Node.js,在过去底几乎年里,Node.js有矣迅猛的加强。越来越多的人数开始选Node并发布modules到NPM,其发展之进度远超其它开销语言。不过对此Node的见而或许要有的日错开适应,尤其是那些刚刚起其它编程语言转型过来的开发人员。

  于本文中本身用谈话一称Node开发者们太常范的片段左和哪些来避免这些错。有关示例的源代码,你得于github及取到。

 

1 不使开发工具

  • 机动重新开工具nodemon或supervisor
  • 浏览器内之live
    reload工具(当静态资源或views视图发生改变时自动reload页面)

  及另外编程语言如PHP或Ruby不同,当您改改了来代码后,Node需要重新起动才能够如修改生效。在创建Web应用程序时还出相同件事会如您放慢脚步,那便是当修改静态资源时刷新浏览器页面。当然你可以耐心地手动来开这些业务,不过这里会见生一些还好之解决办法。

1.1 自动还开工具

  我们备受的绝大多数丁可能还是这么编写和调试代码的,在编辑器中保存代码,然后于决定高以CTRL+C键停止以,随后经为上键找到之前实施过之起步命令,按回车来还起动以。不过,通过运用下这些家伙得以自行就应用之复开并简化开发流程:

  • nodemon
  • node-supervisor
  • forever

  这些工具得以监视代码文件之修改并自行重新开服务。下面为nodemon为条例来说说怎么样以这些家伙。首先通过npm进行全局安装:

npm i nodemon -g

  然后,在终点通过nodemon代替node命令来启动以:

# node server.js

$ nodemon server.js
14 Nov 21:23:23 - [nodemon] v1.2.1
14 Nov 21:23:23 - [nodemon] to restart at any time, enter `rs`
14 Nov 21:23:23 - [nodemon] watching: *.*
14 Nov 21:23:23 - [nodemon] starting `node server.js`
14 Nov 21:24:14 - [nodemon] restarting due to changes...
14 Nov 21:24:14 - [nodemon] starting `node server.js`

  对nodemon或node-supervisor来说,在富有已有些选择中,最牛逼的其实可以指定忽略的文件或者文件夹。

1.2 浏览器自动刷新工具

  除了上面介绍的活动还开工具外,还生任何的家伙得以助而加快web应用程序的出。livereload工具允许浏览器在监测到程序变动后自动刷新页面,而无用手动进行刷新。

  其工作的基本原理和上面介绍的形似,只是其监测特定文件夹内的修改然后自动刷新浏览器,而未是还开整个服务。自动刷新需要依靠让以页面中流入脚本或者通过浏览器插件来兑现。

  这里自己无失介绍如何使livereload,相反,我拿介绍如何通过Node来创造一个形似之家伙,它将有下这些效应:

  • 监文件夹着之文书修改
  • 通过server-sent
    events望具有都连的客户端发送信息,并且
  • 点一个page reload

  首先我们要经NPM来安项目需要的具有因项:

  • express – 创建一个演示web应用程序
  • watch – 监视文件修改
  • sendevent – sever-sent events
    (SSE),或者也得下websockets来贯彻
  • uglify-js – 用于压缩客户端JavaScript文件
  • ejs – 视图模板

  接下去自己用创造一个简约的Express server在前端页面被渲染home视图:

var express = require('express');
var app = express();
var ejs = require('ejs');
var path = require('path');

var PORT = process.env.PORT || 1337;

// view engine setup
app.engine('html', ejs.renderFile);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');

// serve an empty page that just loads the browserify bundle
app.get('/', function(req, res) {
res.render('home');
});

app.listen(PORT);
console.log('server started on port %s', PORT);

  因为用的凡Express,所以我们可以将浏览器自动刷新工具做成一个Express的中件。这个当中件会attach到SSE
endpoint,并会于客户端脚论被开创一个view
helper。中间件function的参数是Express的app,以及需要让监视的文件夹。于是,我们用下面的代码加到server.js中,放到view
setup之前:

var reloadify = require('./lib/reloadify');
reloadify(app, __dirname + '/views');

  现在/views文件夹着的文件被监视。整个中件看起像下这样:

  var sendevent = require('sendevent');
  var watch = require('watch');
  var uglify = require('uglify-js');
  var fs = require('fs');
  var ENV = process.env.NODE_ENV || 'development';

  // create && minify static JS code to be included in the page
  var polyfill = fs.readFileSync(__dirname + '/assets/eventsource-polyfill.js', 'utf8');
  var clientScript = fs.readFileSync(__dirname + '/assets/client-script.js', 'utf8');
  var script = uglify.minify(polyfill + clientScript, { fromString: true }).code;

  function reloadify(app, dir) {
    if (ENV !== 'development') {
      app.locals.watchScript = '';
      return;
    }

    // create a middlware that handles requests to `/eventstream`
    var events = sendevent('/eventstream');

    app.use(events);

    watch.watchTree(dir, function (f, curr, prev) {
      events.broadcast({ msg: 'reload' });
    });

    // assign the script to a local var so it's accessible in the view
    app.locals.watchScript = '<script>' + script + '</script>';
  }

  module.exports = reloadify;

  你恐怕已经注意到了,如果运行条件没有叫装置成’development’,那么这当中件什么也未会见做。这象征我们只好在产品环境遭受以该代码删掉。

  前端JS脚本文件非常简单,它才当监听SSE的信息并在得的时刻再次加载页面:

  (function() {

    function subscribe(url, callback) {
      var source = new window.EventSource(url);

      source.onmessage = function(e) {
        callback(e.data);
      };

      source.onerror = function(e) {
        if (source.readyState == window.EventSource.CLOSED) return;

        console.log('sse error', e);
      };

      return source.close.bind(source);
    };

    subscribe('/eventstream', function(data) {
      if (data && /reload/.test(data)) {
        window.location.reload();
      }
    });

  }());

  文件eventsourfe-polyfill.js可以从Remy Sharp’s polyfill for
SSE找到。最后好重大的一些凡将变的本子通过下面的措施丰富到前端页面/views/homt.html中:

  ...
  <%- watchScript %>
  ...

  现在,当您每次对home.html页面做修改时,浏览器还以从服务器再加载该页面(http://localhost:1337/)。

 

2 阻塞event loop

  由于Node.js是单线程运行的,所有对event
loop的死都用使任何程序让死。这表示如果你发出一个上千个客户端访问的web
server,并且程序来了event
loop阻塞,那么所有的客户端都用处等候状态而一筹莫展获取服务器对。

  这里发生部分事例,你或会见于无小心中采用她一旦发event loop阻塞:

  • 使用JSON.parse()函数浅析一个不胜好之json
  • 品味当后台对一个充分大之文书进行语法高亮显示(如利用Ace或者highlight.js)
  • 一次性输出一个那个之始末(例如从child
    process输出git
    log命令的结果)

  问题是公会无留心中举行了上述的作业,毕竟将一个富有15Mb左右轻重的情输出并无见面常常闹,对啊?这得让攻击者发现并最后使你的方方面面服务器遭到DDOS攻击使夭折掉。

  幸运的是公可经监视event
loop的延迟来检测好。我们好透过有些一定的化解方案例如StrongOps来实现,或者也可经过有些开源的modules来兑现,如blocked。

  这些家伙的劳作规律是准确地钉每次interval之间所消费的日然后告诉。时间不同是经这样的不二法门来测算的:先记下下interval过程遭到A点和B点的规范时间,然后据此B点的时刻减去A点的时刻,再减去interval运行区间的时日。

  下面的例子充分说明了什么样来实现即一点,它是如此做的:

  • 获取当前工夫跟因参数传入的流年变量之间的胜精度时间价值(high-resolution)
  • 确定于正常状态下interval的event loop的延迟时间
  • 用延迟时间显示成绿色,如果超过阀值则显得为红色
  • 然后看其实运作的景况,每300毫秒执行同样赖好之演算

  下面是上述示范的源代码:

  var getHrDiffTime = function(time) {
    // ts = [seconds, nanoseconds]
    var ts = process.hrtime(time);
    // convert seconds to miliseconds and nanoseconds to miliseconds as well
    return (ts[0] * 1000) + (ts[1] / 1000000);
  };

  var outputDelay = function(interval, maxDelay) {
    maxDelay = maxDelay || 100;

    var before = process.hrtime();

    setTimeout(function() {
      var delay = getHrDiffTime(before) - interval;

      if (delay < maxDelay) {
        console.log('delay is %s', chalk.green(delay));
      } else {
        console.log('delay is %s', chalk.red(delay));
      }

      outputDelay(interval, maxDelay);
    }, interval);
  };

  outputDelay(300);

  // heavy stuff happening every 2 seconds here
  setInterval(function compute() {
    var sum = 0;

    for (var i = 0; i <= 999999999; i++) {
      sum += i * 2 - (i + 1);
    }
  }, 2000);

   运行方面的代码用设置chalk。运行后您应该会于巅峰看到如下图所著之结果:

图片 2

  前面都说罢,开源modules也下了相似之道来实现对应的功能,因此可放心使用它们:

  • https://github.com/hapijs/heavy/blob/bbc98a5d7c4bddaab94d442210ca694c7cd75bde/lib/index.js#L70
  • https://github.com/tj/node-blocked/blob/master/index.js#L2-L14

  通过动这种技术拓展性分析,你得精确地搜寻有代码中的哪部分会见导致延迟。

 

3 频繁调用回调函数

  很多时刻当您保存文件然后又起动Node web
app时它便迅速地崩掉了。最有或出现的因纵然是调用了点儿不良回调函数,这代表你大可能以首先不善调用之后忘记return了。

  我们创建一个例证来再现一下这种景象。我以开创一个简便的包含基本证明功能的代理server。要用其你需要安装request这个仗包,运行程序然后访问(如http://localhost:1337/?url=http://www.google.com/)。下面是这个例子的源代码:

  var request = require('request');
  var http = require('http');
  var url = require('url');
  var PORT = process.env.PORT || 1337;

  var expression = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
  var isUrl = new RegExp(expression);

  var respond = function(err, params) {
    var res = params.res;
    var body = params.body;
    var proxyUrl = params.proxyUrl;

    res.setHeader('Content-type', 'text/html; charset=utf-8');

    if (err) {
      console.error(err);
      res.end('An error occured. Please make sure the domain exists.');
    } else {
      res.end(body);
    }
  };

  http.createServer(function(req, res) {
    var queryParams = url.parse(req.url, true).query;
    var proxyUrl = queryParams.url;

    if (!proxyUrl || (!isUrl.test(proxyUrl))) {
      res.writeHead(200, { 'Content-Type': 'text/html' });
      res.write("Please provide a correct URL param. For ex: ");
      res.end("<a href='http://localhost:1337/?url=http://www.google.com/'>http://localhost:1337/?url=http://www.google.com/</a>");
    } else {
      // ------------------------
      // Proxying happens here
      // TO BE CONTINUED
      // ------------------------
    }
  }).listen(PORT);

  除代理本身他,上面的代码几乎涵盖了富有需要之一些。再精心看看下面的内容:

request(proxyUrl, function(err, r, body) {
if (err) {
    respond(err, {
    res: res,
    proxyUrl: proxyUrl
    });
}

respond(null, {
    res: res,
    body: body,
    proxyUrl: proxyUrl
});
});

  以回调函数中,我们发左处理的逻辑,但是在调用respond函数后忘记停止任何运行流程了。这象征如果我们访问一个无法host的站点,respond函数将会晤受调用两糟糕,我们见面在终极收到下面的错误信息:

  Error: Can't set headers after they are sent.
      at ServerResponse.OutgoingMessage.setHeader (http.js:691:11)
      at respond (/Users/alexandruvladutu/www/airpair-2/3-multi-callback/proxy-server.js:18:7)

This can be avoided either by using the `return` statement or by wrapping the 'success' callback in the `else` statement:

  request(.., function(..params) {
    if (err) {
      return respond(err, ..);
    }

    respond(..);
  });

  // OR:

  request(.., function(..params) {
    if (err) {
      respond(err, ..);
    } else {
      respond(..);
    }
  });

 

4 圣诞树结构的回调(回调的炼狱)

  有些人总是用地狱般的回调参数来攻击Node,认为以Node中回调嵌套是力不从心避免的。但其实并非如此。这里来众多缓解措施,可以使您的代码看起格外规整:

  • 运流程控制模块如async
  • 使用Promises
  • 使用Generators

  我们来创造一个例,然后重构它以使async模块。这个app是一个简单易行的前端资源分析工具,它完成下面这些干活儿:

  • 反省HTML代码中出稍许scripts,stylesheets,images的援
  • 将检查的结果输出到极点
  • 自我批评各级一个资源的content-length并以结果输出到终点

  除async模块外,你得装下面这些npm包:

  • request – 读取页面数据(body,headers等)
  • cheerio – 后台的jQuery(DOM元素选择器)
  • once – 确保回调函数只吃执行同样软

    var URL = process.env.URL;
    var assert = require(‘assert’);
    var url = require(‘url’);
    var request = require(‘request’);
    var cheerio = require(‘cheerio’);
    var once = require(‘once’);
    var isUrl = new RegExp(/[-a-zA-Z0-9@:%+.~#?&//=]{2,256}.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%+.~#?&//=]*)?/gi);

    assert(isUrl.test(URL), ‘must provide a correct URL env variable’);

    request({ url: URL, gzip: true }, function(err, res, body) {

    if (err) { throw err; }
    
    if (res.statusCode !== 200) {
      return console.error('Bad server response', res.statusCode);
    }
    
    var $ = cheerio.load(body);
    var resources = [];
    
    $('script').each(function(index, el) {
      var src = $(this).attr('src');
      if (src) { resources.push(src); }
    });
    
    // .....
    // similar code for stylesheets and images
    // checkout the github repo for the full version
    
    var counter = resources.length;
    var next = once(function(err, result) {
      if (err) { throw err; }
    
      var size = (result.size / 1024 / 1024).toFixed(2);
    
      console.log('There are ~ %s resources with a size of %s Mb.', result.length, size);
    });
    
    var totalSize = 0;
    
    resources.forEach(function(relative) {
      var resourceUrl = url.resolve(URL, relative);
    
      request({ url: resourceUrl, gzip: true }, function(err, res, body) {
        if (err) { return next(err); }
    
        if (res.statusCode !== 200) {
          return next(new Error(resourceUrl + ' responded with a bad code ' + res.statusCode));
        }
    
        if (res.headers['content-length']) {
          totalSize += parseInt(res.headers['content-length'], 10);
        } else {
          totalSize += Buffer.byteLength(body, 'utf8');
        }
    
        if (!--counter) {
          next(null, {
            length: resources.length,
            size: totalSize
          });
        }
      });
    });
    

    });

  上面的代码看起还不是特地坏,不过你还足以嵌套更充分的回调函数。从底部的代码中你当会辨识出什么是圣诞树结构了,其代码的缩进看起如这个法:

        if (!--counter) {
          next(null, {
            length: resources.length,
            size: totalSize
          });
        }
      });
    });
  });

  要运行方面的代码,在巅峰输入下面的一声令下:

  $ URL=https://bbc.co.uk/ node before.js
  # Sample output:
  # There are ~ 24 resources with a size of 0.09 Mb.

  使用async进行部分重构之后,我们的代码看起如下这样:

  var async = require('async');

  var rootHtml = '';
  var resources = [];
  var totalSize = 0;

  var handleBadResponse = function(err, url, statusCode, cb) {
    if (!err && (statusCode !== 200)) {
      err = new Error(URL + ' responded with a bad code ' + res.statusCode);
    }

    if (err) {
      cb(err);
      return true;
    }

    return false;
  };

  async.series([
    function getRootHtml(cb) {
      request({ url: URL, gzip: true }, function(err, res, body) {
        if (handleBadResponse(err, URL, res.statusCode, cb)) { return; }

        rootHtml = body;

        cb();
      });
    },
    function aggregateResources(cb) {
      var $ = cheerio.load(rootHtml);

      $('script').each(function(index, el) {
        var src = $(this).attr('src');
        if (src) { resources.push(src); }
      });

      // similar code for stylesheets && images; check the full source for more

      setImmediate(cb);
    },
    function calculateSize(cb) {
      async.each(resources, function(relativeUrl, next) {
        var resourceUrl = url.resolve(URL, relativeUrl);

        request({ url: resourceUrl, gzip: true }, function(err, res, body) {
          if (handleBadResponse(err, resourceUrl, res.statusCode, cb)) { return; }

          if (res.headers['content-length']) {
            totalSize += parseInt(res.headers['content-length'], 10);
          } else {
            totalSize += Buffer.byteLength(body, 'utf8');
          }

          next();
        });
      }, cb);
    }
  ], function(err) {
    if (err) { throw err; }

    var size = (totalSize / 1024 / 1024).toFixed(2);
    console.log('There are ~ %s resources with a size of %s Mb.', resources.length, size);
  });

 

5 创建一个大而整体的应用程序

  一些初入Node的开发人员往往会将其它语言的组成部分思索模式融入进,从而写来不同风格的代码。例如将装有的代码写到一个文书里,而不是将它们分散到好的模块中重新公布暨NPM等。

  就以我们事先的例子来说,我们用富有的情节还放在一个文件里,这令代码很麻烦让测试与朗诵懂。不过弯担心,我们见面重构代码使该拘禁起不错又越模块化。当然,这为拿中地避免回调地狱。

  如果我们用URL validator,response
handler,request功能块以及resource处理程序抽出来放到它们自己之模块中,我们的主程序看起会如下这样:

  // ...
  var handleBadResponse = require('./lib/bad-response-handler');
  var isValidUrl = require('./lib/url-validator');
  var extractResources = require('./lib/resource-extractor');
  var request = require('./lib/requester');

  // ...
  async.series([
    function getRootHtml(cb) {
      request(URL, function(err, data) {
        if (err) { return cb(err); }

        rootHtml = data.body;

        cb(null, 123);
      });
    },
    function aggregateResources(cb) {
      resources = extractResources(rootHtml);

      setImmediate(cb);
    },
    function calculateSize(cb) {
      async.each(resources, function(relativeUrl, next) {
        var resourceUrl = url.resolve(URL, relativeUrl);

        request(resourceUrl, function(err, data) {
          if (err) { return next(err); }

          if (data.res.headers['content-length']) {
            totalSize += parseInt(data.res.headers['content-length'], 10);
          } else {
            totalSize += Buffer.byteLength(data.body, 'utf8');
          }

          next();
        });
      }, cb);
    }
  ], function(err) {
    if (err) { throw err; }

    var size = (totalSize / 1024 / 1024).toFixed(2);
    console.log('\nThere are ~ %s resources with a size of %s Mb.', resources.length, size);
  });

  而request功能块则看起如这样:

  var handleBadResponse = require('./bad-response-handler');
  var request = require('request');

  module.exports = function getSiteData(url, callback) {
    request({
      url: url,
      gzip: true,
      // lying a bit
      headers: {
        'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36'
      }
    }, function(err, res, body) {
      if (handleBadResponse(err, url, res && res.statusCode, callback)) { return; }

      callback(null, {
        body: body,
        res: res
      });
    });
  };

  完整的例子可以自github
repo中找到。

  现在即令概括了,代码更加爱读,我们也可初步也咱的app添加测试用例了。当然,我们还足以连续重构代码用得到response长度的效益独立分离出来放到自己的模块中。

  好之一点是Node鼓励大家编写小的模块并颁布暨NPM。在NPM中您可找到各种各样的模块小到要是以interval间很成仍机数的模块。你应该大力使你的Node应用程序模块化,功能尤为简单越好。

 

6 差日志

  很多Node教程都见面显示示例代码,并以其中不同的地方含有console.log,这吃多Node开发人员留下了一个记忆,即console.log就是当Node代码中实现日志功能。

  以编辑Node
apps代码时若应当用部分比console.log更好之工具来贯彻日志功能,因为这些家伙:

  • 本着片良如复杂的对象非需用util.inspect
  • 嵌入序列化器,如针对errors,request和response对象等进行序列化
  • 支撑多种不同的日志源
  • 只是自动包含hostname,process id,application name等
  • 支持不同级别的日志(如debug,info,error,fatal等)
  • 一些高等功能如日志文件自动滚动等

  这些功能还好免费应用,你可以养条件遭到行使日志模块如bunyan。如果用模块安装至全局,你还好落一个便宜之CLI开发工具。

  让咱来探它的以身作则程序为了解什么采取她:

  var http = require('http');
  var bunyan = require('bunyan');

  var log = bunyan.createLogger({
    name: 'myserver',
    serializers: {
      req: bunyan.stdSerializers.req,
      res: bunyan.stdSerializers.res
    }
  });

  var server = http.createServer(function (req, res) {
    log.info({ req: req }, 'start request');  // <-- this is the guy we're testing
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Hello World\n');
    log.info({ res: res }, 'done response');  // <-- this is the guy we're testing
  });

  server.listen(1337, '127.0.0.1', function() {
    log.info('server listening');

    var options = {
      port: 1337,
      hostname: '127.0.0.1',
      path: '/path?q=1#anchor',
      headers: {
        'X-Hi': 'Mom'
      }
    };

    var req = http.request(options, function(res) {
      res.resume();
      res.on('end', function() {
        process.exit();
      })
    });

    req.write('hi from the client');
    req.end();
  });

  在极端运行,你晤面盼下面的输出内容:

  $ node server.js
  {"name":"myserver","hostname":"MBP.local","pid":14304,"level":30,"msg":"server listening","time":"2014-11-16T11:30:13.263Z","v":0}
  {"name":"myserver","hostname":"MBP.local","pid":14304,"level":30,"req":{"method":"GET","url":"/path?q=1#anchor","headers":{"x-hi":"Mom","host":"127.0.0.1:1337","connection":"keep-alive"},"remoteAddress":"127.0.0.1","remotePort":61580},"msg":"start request","time":"2014-11-16T11:30:13.271Z","v":0}
  {"name":"myserver","hostname":"MBP.local","pid":14304,"level":30,"res":{"statusCode":200,"header":"HTTP/1.1 200 OK\r\nContent-Type: text/plain\r\nDate: Sun, 16 Nov 2014 11:30:13 GMT\r\nConnection: keep-alive\r\nTransfer-Encoding: chunked\r\n\r\n"},"msg":"done response","time":"2014-11-16T11:30:13.273Z","v":0}

  开发进程被而将她当一个CLI工具来行使:

图片 3

  正使您所观看底,bunyan给你提供了关于当前经过的诸多使得之信息,这些信息于成品环境面临还老主要。另外一个便宜之效益是若可以拿日志输出及一个或者多个流中。

 

7 没有测试

  没有提供测试的次不是一个总体的先后。已经发这般多的工具得以帮助我们来进展测试,实在没有任何理由不修测试用例了:

  • 测试框架:mocha,
    jasmine,
    tape,还有好多别样框架
  • Asertion(断言)模块:chai,
    should.js
  • 模块mocks, spies, stubs或fake timers如sinon
  • 代码覆盖工具:istanbul,
    blanket

  作为NPM模块的预约,你要在package.json中指定测试命令,如:

  {
    "name": "express",
    ...
    "scripts": {
      "test": "mocha --require test/support/env --reporter spec --bail --check-leaks test/ test/acceptance/",
      ...
   }

  然后经npm test来启动测试,你根本不用失去随便什么来调用测试框架。

  另外一个你用考虑的是于付出代码之前须要所有的测试用例都由此,这仅仅待通过一行简单的下令就足以成功:

npm i pre-commit --save-dev

  当然你呢得以强制执行某个特定的code
coverage级别的测试而不肯提交那些不遵从该级别之代码。pre-commit模块作为一个pre-commit的hook程序可以活动地运作npm
test。

  如果您不确定如何来编排测试,可以经过一些在线教程或者以Github中看看那些流行的Node项目它们是何等做的:

  • express
  • loopback

  • ghost

  • hapi

  • haraka

 

8 不采取静态分析工具

  为了不以生产环境被才察觉题目,最好之点子是于出进程中运用静态分析工具就就意识这些问题。

  例如,ESLint工具得以扶持我们解决多题目:

  • 或者的一无是处。如:禁止在法表达式中采取赋值语句,禁止用debugger
  • 强制最佳体验。如:禁止声明多独一样名称的变量,禁止利用arguments.calle
  • 探寻来黑的安全题材,如运用eval()或不安全之正则表达式
  • 侦测出或有的性问题
  • 履同一的风格

  有关ESLint更多之整规则可查看官文档。如果想在实质上项目蒙利用ESLint,你还该看它的配置文档。

  有关如何配置ESLint,这里足找到有例证。

  另外,这里还有局部形似的工具而JSLint和JSHint。

  如果您想解析AST(抽象源树或架空语法树)并自己创造静态分析工具,可以参见Esprima或Acorn。

 

9 从未监视与性能分析

  如果Node应用程序没有监视和性能分析,你以针对那个运作状态一无所知。一些不胜要紧的东西如event
loop延迟,CPU负载,系统负荷或外存使用量等公将无法得知。

  这里有一部分一定的劳动好帮到您,可以起New
Relic,
StrongLoop以及Concurix,
AppDynamics相当于了解及。

  你吗可以经开源模块如look还是组合不同之NPM包和谐来兑现。不管选择哪种办法,你都要保管始终都能够监测到你的次第的周转状态,否则你也许会见在半夜收受各种光怪陆离的电话机告知您程序同时起这么或那样的题目。

 

10 使用console.log来debug

  一旦程序出现谬误,你得省略地于代码中插console.log来进展debug。问题化解后去console.log调试语句再度持续。

  问题是其它的开发人员(甚至是若协调)可能还会见遇到同样的题目要重还上面的操作。这就是干什么调试模块如debug留存的缘故。你可以代码中动用debug
function来代替console.log语句,而且当调试了之后不要去其。

  其他开发人员如果碰到问题需要调剂代码,只需要经过DEBUG环境变量来启动程序即可。

  这个微的module具有以下优点:

  • 只有你通过DEBUG环境变量启动程序,否则它们不会见于支配高出口任何内容。
  • 公可起取舍地针对代码中的同样局部进行调节(甚至足以由此通配符来指定内容)。
  • 极的出口内容来各种不同之颜色,看起非常舒心。

  来看看官方给出的言传身教:

  // app.js
  var debug = require('debug')('http')
    , http = require('http')
    , name = 'My App';

  // fake app

  debug('booting %s', name);

  http.createServer(function(req, res){
    debug(req.method + ' ' + req.url);
    res.end('hello\n');
  }).listen(3000, function(){
    debug('listening');
  });

  // fake worker of some kind

  require('./worker');

<!--code lang=javascript linenums=true-->

  // worker.js
  var debug = require('debug')('worker');

  setInterval(function(){
    debug('doing some work');
  }, 1000);

  如果因node
app.js来启动程序,不见面输出任何内容。但是要开行之上带在DEBUG标记,那么:

图片 4

  除了在应用程序中应用她,你还足以于有些有些的modules中利用其并颁布暨NPM。与另外一些犬牙交错的logger不同,它只有担负debugging而且还颇好只要。

 

原文地址:https://www.airpair.com/node.js/posts/top-10-mistakes-node-developers-make