FED

©FrontEndDev.org
2015 - 2024
web@2.22.0 api@2.20.0

Node填坑教程5:常用库

作为函数式编程来说,流程控制和函数库是必不可少的(应该吧)。

下面我们介绍两个常用的库。

lodash:完整的api请参阅,https://lodash.com/docs 。这里我们只演示几个简单的例子。

安装

E:\project\heron-lesson\demo4>npm install lodash --save
var data1 = [1, 2, 3, 4, 5];
var data2 = [
    {'user': 'barney', 'age': 36, 'active': true},
    {'user': 'fred', 'age': 40, 'active': false},
    {'user': 'pebbles', 'age': 1, 'active': true}
];

var _ = require('lodash');

// find 只会返回一条数据,没有条件默认返回第一条
var r1 = _.find(data1);
console.log(r1);  // -> 1

var r2 = _.find(data1, function (item) {
   return item > 2;
});
console.log(r2); // -> 3

var r3 = _.find(data2, function (item) {
   return item.age > 20;
});
console.log(r3); // -> { user: 'barney', age: 36, active: true }


// filter 返回所有满足条件的数据, 没有条件返回所有
var r4 = _.filter(data1);
console.log(r4); // -> [ 1, 2, 3, 4, 5 ]

var r5 = _.filter(data1, function (item) {
   return item > 2;
});
console.log(r5); // -> [ 3, 4, 5 ]

var r6 = _.filter(data2, function (item) {
    return item.age > 20;
});
console.log(r6); // -> [ { user: 'barney', age: 36, active: true }, { user: 'fred', age: 40, active: false } ]

我们演示了两个函数的用法,虚拟两个数组的数据,find函数会返回数组的一个元素,filter函数会返回多条。这里需要注意的是,即使filter一条数据也没有返回,也会返回空数组 []。

关于流程控制

我们来看这个例子,我们先模拟两个异步函数。

var firstFn = function (callback) {
    setTimeout(function () {
        return callback('This is first task.');
    }, 200);
};
var secondFn = function (callback) {
    setTimeout(function () {
        return callback('This is second task.');
    }, 10);
};

接着看这样的写法。

firstFn(function (message) {
    console.log(message);
});
secondFn(function (message) {
    console.log(message);
});

结果是

This is second task.
This is first task.

并没有按照代码顺序得到结果。这是因为异步任务延迟的不同造成的。可以将顺序的函数套到前面的回调里,来达到预期的结果。像这样

firstFn(function (message) {
    console.log(message);
    secondFn(function (message) {
        console.log(message);
    });
});

然而,这样做的话,过多的嵌套,会让你的代码全是嵌套的括号,难以阅读和修改。

那么我们按照这个库来改进代码

E:\project\heron-lesson\demo4>npm install q --save

这是Promise标准的一个实现,我们可以编写Promise风格的代码了。

这种写法的每一步都返回Promise,所以我们之前的 fn(err, data) 风格的函数也得改成Promise风格的。

var firstFn = function () {
    var defer = q.defer();
    setTimeout(function () {
        console.log('This is first task.')
        defer.resolve();
    }, 200);
    return defer.promise;
};
var secondFn = function () {
    var defer = q.defer();
    setTimeout(function () {
        console.log('This is second task.')
        defer.resolve();
    }, 10);
    return defer.promise;
};


var q = require('q');

firstFn()
    .then(function () {
        return secondFn();
    })
    .done(function () {
        console.log('done')
    });

得到结果

This is first task.
This is second task.
done