打印树形目录结构，node实现

实现函数，参数为目录的路径。然后打印出类似命令行上的tree命令的效果。（可用node fs，如果fs操作不熟悉，可以自己声明变量保存目录的结构数据，然后将该变量输出）

├── app
│   ├── components
│   │   ├── Address
│   │   ├── Button
│   │   ├── CountrySelect
│   │   ├── DatePicker
│   │   ├── Debug

superwyk

方法一

// 使用同步api实现，阻塞运行，性能不大好
const fs = require('fs');
const path = require('path');

const directoryLabel = '├── ';
const hierarchyLabel = '│   ';

function printDirectory(dir, deep = ""){
    const files = fs.readdirSync(dir, {encoding: 'utf-8'})
    for(let i = 0; i < files.length; i++){
        const childDir = path.resolve(dir, files[i]);

        console.log(deep + directoryLabel + files[i]);
        const stats = fs.statSync(childDir);
        if(stats.isDirectory()){
            printDirectory(childDir, deep + hierarchyLabel);
        }
    }
}

function printAllDirectory(dir){
    console.log(directoryLabel + path.basename(dir));
    printDirectory(dir, hierarchyLabel);
}

printAllDirectory('/Users/wuyongkun/Documents/test');

warn: 异步执行api，有问题

// 异步执行有问题，没有按文件夹嵌套顺序打印
function printDirectory(dir, deep = ""){
    fs.readdir(dir, {encoding: 'utf-8'}, function(err, files){
        if(err) throw err;
        for(let i = 0; i < files.length; i++){
            const childPath = path.resolve(dir, files[i]);
            console.log(deep + directoryLabel + files[i]);
            fs.stat(childPath, function(err, stats){
                if(err) throw err;
                if(stats.isDirectory()){
                    printDirectory(childPath, deep + hierarchyLabel);
                }
            })
        }
    });
}

方法二

// 异步化改造
const fs = require('fs');
const path = require('path');

const directoryLabel = '├── ';
const hierarchyLabel = '│   ';

function readDir(directory){
    return new Promise((resolve, reject) => {
        fs.readdir(directory, {encoding: 'utf-8'}, function(err, files){
            if(err) reject(err);
            resolve(files);
        });
    });
}

function isDirectory(path){
    return new Promise((resolve, reject) => {
        fs.stat(path, function(err, stats){
            if(err) reject(err);
            resolve(stats.isDirectory());
        })
    })
}

async function printDirectory(dir, deep = ''){
    const files = await readDir(dir, deep);
    for(const file of files){
        const childDir = path.resolve(dir, file);
        console.log(deep + directoryLabel + file);
        const isdirectory = await isDirectory(childDir);
        if(isdirectory){
            await printDirectory(childDir, deep + hierarchyLabel);
        }
    }
}

function printAllDirectory(dir){
    console.log(directoryLabel + path.basename(dir));
    printDirectory(dir, hierarchyLabel);
}

printAllDirectory('/Users/wuyongkun/Documents/test');