分享一個nodejs 終端機列印進度條的實例代碼

本篇文章主要介紹了nodejs 終端機列印進度條實例程式碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟著小編過來看看吧

1. 場景導入

#當我們對大量文件進行批次處理的時候(例如：上傳/下載、保存、編譯等)，常常希望知道當前進展如何，或失敗(成功)的任務有多少；當我們的程式碼或程式已經發布，用戶在執行安裝的過程中，一個合適的（終端機/命令列）進度條可以準確反映安裝的步驟和進程，提升程式的可用性，一定程度緩解用戶在等待中的煩惱…

2. 基本原理

首先，在終端機上印出文字是件比較容易的事情。那麼使用簡單的文字和符號，就夠自己拼湊出命令列的效果（下面範例）:

檔案上傳: 43.60% ██████████████ █████░░░░░░░░░░░░░░░░░░░░░░░░#░░#3/303/303/303/303/303/39分以上。的效果可以根據需要自己設計啦，我這裡只是給大家一個參考。

這裡，我將列印命令列的方法建構成一個工具模組

progress-bar.js

，具體實作如下:-)

// 这里用到一个很实用的 npm 模块，用以在同一行打印文本
var slog = require('single-line-log').stdout;
// 封装的 ProgressBar 工具
function ProgressBar(description, bar_length){
 // 两个基本参数(属性)
 this.description = description || 'Progress';    // 命令行开头的文字信息
 this.length = bar_length || 25;           // 进度条的长度(单位：字符)，默认设为 25
 // 刷新进度条图案、文字的方法
 this.render = function (opts){
  var percent = (opts.completed / opts.total).toFixed(4);  // 计算进度(子任务的 完成数 除以 总数)
  var cell_num = Math.floor(percent * this.length);       // 计算需要多少个 █ 符号来拼凑图案
  // 拼接黑色条
  var cell = '';
  for (var i=0;i<cell_num;i++) {
   cell += &#39;█&#39;;
  }
  // 拼接灰色条
  var empty = &#39;&#39;;
  for (var i=0;i<this.length-cell_num;i++) {
   empty += &#39;░&#39;;
  }
  // 拼接最终文本
  var cmdText = this.description + &#39;: &#39; + (100*percent).toFixed(2) + &#39;% &#39; + cell + empty + &#39; &#39; + opts.completed + &#39;/&#39; + opts.total;
  // 在单行输出文本
  slog(cmdText);
 };
}
// 模块导出
module.exports = ProgressBar;

3. Run 起來

基於上面的實現，先說這個
progress-bar.js

的用法：

// 引入工具模块
var ProgressBar = require('./progress_bar');
// 初始化一个进度条长度为 50 的 ProgressBar 实例
var pb = new ProgressBar('下载进度', 50);
// 这里只是一个 pb 的使用示例，不包含任何功能
var num = 0, total = 200;
function downloading() {
 if (num <= total) {
  // 更新进度条
  pb.render({ completed: num, total: total });
  num++;
  setTimeout(function (){
   downloading();
  }, 500)
 }
}
downloading();

run 一下上面的程式碼，執行效果如下：

需要學習js的同學請追蹤php中文網 js影片教學

，眾多js線上影片教學可以免費觀看！

以上是分享一個nodejs 終端機列印進度條的實例代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！