npm包backthen使用教程

阅读时长 3 分钟读完

简介

backthen是一个可以让你在Javascript中很容易地为一个异步操作的返回值设置一个默认值的工具。在日常开发,我们经常会遇到一些异步操作,例如网络请求,文件读取等操作,而在这些异步操作中获取到的返回结果不一定是我们期望的结果,此时我们需要一个工具来为这些异步操作的返回结果进行默认值的设置,这个时候,backthen就可以派上用场了。

安装

使用npm安装:

使用

使用backthen相当简单,只需在需要使用到异步操作的地方引入该模块,并调用该模块提供的backthen方法即可。

-- -------------------- ---- -------
----- -------- - --------------------

-------- ------------------ -
    ------ --- ----------------- ------- -- -
        -------------------- -- -
            --------------
        -------------- -- -
            --------------
        --
    --
-

----- ---------- - -----------------------------------------------------

-------------------- ------------------- -- -
    ------------------
-------------- -- -
    -------------------
--

在上述例子中,我们使用了backthen来对remoteData这个异步操作的返回结果进行默认值的设置,当异步操作返回结果为空或undefined时,backthen会将默认值'未获取到数据'作为该异步操作的最终返回结果进行返回。当异步操作返回结果不为空或undefined时,则会返回异步操作的实际返回结果。

探索

backthen包实现原理其实非常简单,我们来尝试自己动手实现一下。

-- -------------------- ---- -------

-------- ----------------- ------------- -
    ------ --- ----------------- ------- -- -
        ---------------- -- -
            ----------- -- --------------
        -------------- -- -
            --------------
        --
    ---
-

backthen可以接受两个参数,第一个参数是异步操作的Promise对象,第二个参数是需要设置的默认值。当异步操作返回结果为空或undefined时,backthen就会将默认值作为异步操作的最终返回结果进行返回,否则返回异步操作的实际返回结果。

总结

通过本篇文章,我们可以掌握如何使用backthen包为异步操作设置默认值。同时,我们也了解了backthen实现的原理。在实际开发过程中,使用backthen包可以提高开发效率,避免了一些不必要的麻烦,建议各位前端工程师在进行异步操作时可以考虑使用该工具,提高自己的开发效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055af281e8991b448d89b1

纠错
反馈