前端和后端技术的不同在于运行环境的不同，而现在前端领域已经越来越庞大，不同的场景需要使用不同的运行环境，这就需要我们在开发中区分浏览器运行环境和 Node.js 的运行环境。本文将会介绍 npm 包 browser-or-node 的使用方法以及该包对前端开发的帮助。
什么是 browser-or-node？
npm 包 browser-or-node 的作用是判断当前运行环境是浏览器还是 Node.js。这个情况在开发中常常会遇见，例如我们在开发网络请求的时候，需要在浏览器环境和 Node.js 环境使用不同的 API，这时候就需要区分当前运行的环境。
安装
先打开命令行工具，确保已经安装了 Node.js 环境和 npm 包管理器。在命令行中使用以下命令安装 brower-or-node 包：
$ npm install browser-or-node
使用方法
使用 browser-or-node 包非常简单，只需要引入包后使用其提供的方法判断当前运行环境即可。
-- -------------------- ---- -------
----- ------------- - ---------------------------
-- ------------------------- -
--------------------------
- ---- -- ---------------------- -
------------------ ------- -----
- ---- -
-----------------------
-上述代码中，我们使用 require() 方法引入了该包，并使用 isBrowser 和 isNode 方法来判断当前运行环境。如果返回值为 true，则表示当前运行环境是该方法前面的名称。
需要注意的是，当我们使用该包进行开发时，需要确定当前运行环境并编写能够适应不同环境需求的代码。如果我们使用了特定于浏览器或 Node.js 环境的 API，而当前运行环境不是该 API 支持的环境，则会导致代码出现错误或无法运行。
示范代码
在下面的示范代码中，我们将会演示如何使用 browser-or-node 包来开发一个能够在浏览器和 Node.js 环境中运行的小应用程序：
-- -------------------- ---- -------
----- ------------- - ---------------------------
-- ------------------------- -
-- --------
--------------------------------------------
--------- -- -----------
---------- -- -
------------------
--
----------------------
- ---- -- ---------------------- -
-- ------- -----
----- ----- - -----------------
------------------------------------------------ ----- -- -
--- ---- - ---
-------------- ------- -- -
---- -- ------
---
------------- -- -- -
------------------------------
---
-------------- ----- -- -
---------------------------
---
- ---- -
-----------------------
-上述代码中，我们首先使用 browser-or-node 包判断当前运行环境，如果是浏览器环境，则使用浏览器提供的 fetch() 方法请求数据；如果是 Node.js 环境，则使用 Node.js 提供的 https 模块请求数据。这样一来，我们就成功地实现了一个能够在不同环境中运行的小应用程序。
总结
browser-or-node 对于前端开发人员来说是一款非常有用的 npm 包。它可以方便地判断当前的运行环境，并根据不同的运行环境编写到适合的代码。如果你还没有使用过该 npm 包，强烈建议你尝试一下，并将其应用在你的开发中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedab0ab5cbfe1ea0610636