猿问

解耦谁能给形象的解释一下,能附带代码最好

读一些js,node的相关书籍总是提到解耦这个词汇。不明白什么意思,希望有人能给比较形象的解释一下

桃花长相依
浏览 753回答 1
1回答

函数式编程

打个比方说,你有如下代码:var filterUsers = function(cb){     $.get('xxx-url')     .done(function(users){                 var leftUsers = users.filter(user => user.age > 20);         cb(leftUsers);     }); };这是一个非常简单的,异步获取用户数据,并且过滤掉年龄小于等于20岁的人后,将剩下的用户数据返回的方法。那么现在我希望你写一个测试用例,测试一下你的“过滤”部分的逻辑?怎么办?这时候如果不修改filterUsers源码就很难测试了,因为里面耦合着真实的ajax异步请求,莫非测试一个小小的“过滤”逻辑,你还要搭一个服务器给她,然后写各种不同的数据返回的服务么?这也活得太累了。但如果我们把获取异步数据的部分提取出去,像这样:var UserService = require('./UserService');var filterUsers = function(cb){     UserService         .getUsers()         .done(function(users){            var leftUsers = users.filter(user => user.age > 20);             cb(leftUsers);         });     }); };这时候里面不再耦合那个具体的异步操作,而是引入了一个叫UserService的模块,那当我们测试“过滤”部分逻辑的时候,只要替换掉这个UserService,用一个返回假数据的模块,就可以轻松的测试各种数据返回的情况下,“过滤”逻辑的工作状况是否正常了。这里就是把过滤用户和获取全部用户数据两个部分,解藕了哦!
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答