数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在JavaScript中检查当前运行环境是否为浏览器？
运行环境是指执行代码的环境。它决定了代码可以访问哪些全局对象，并影响其结果。JavaScript代码可以在不同类型的环境中运行，例如Node.js、Service Workers或Web浏览器。因此，开始编写JavaScript代码无需安装任何其他软件。每个Web浏览器都自带JavaScript引擎。您可以简单地在任何浏览器中运行编写的脚本，但它确保遵循ECMAScript (ES6)功能的所有规则。
在这里，我们将检测代码在哪个运行环境中运行。在Node.js中编写的JavaScript代码也可以在任何环境中运行，无论是浏览器环境、Service Worker环境还是Node.js环境本身。在不同的环境中运行代码时，需要匹配该环境的所有需求。
检查运行环境是否为浏览器
要检查代码的运行环境是浏览器还是其他环境，没有直接的方法。因此，为了检查运行环境，我们必须设置一些条件来匹配每个环境，并检查代码在哪个环境中运行。
语法
以下是检查当前运行环境是否为浏览器的方法：
type of window === "object"
如果上述语句返回true，则当前运行环境为浏览器；否则不是。
算法
- 步骤1 - 检查条件 `typeof window === "object"`。
- 步骤2 - 如果返回true，则显示消息，表明当前运行环境为窗口。
- 步骤2 - 如果返回false，则显示消息，表明当前运行环境不是窗口。
示例
在下面的示例中，我们检查当前运行环境是否为浏览器。
<!DOCTYPE html>
<html>
<body>
<div>
<h2>Check if the Current Runtime Environment is Browser</h2>
<p>Click the below button to know if the runtime environment is browser or not</p>
<button onclick = "isBrowser()"> Check Runtime Environment </button>
<p id="result1"></p>
<p id="result2"></p>
</div>
<script>
function isBrowser() {
var text="Runtime environment";
// Check if the runtime environment is a Browser
if (typeof window === "object") {
document.getElementById("result1").innerHTML = text + " is Browser";
} else {
document.getElementById("result2").innerHTML = text + " is NOT Browser";
}
}
</script>
</body>
</html>检查不同的运行环境
每个环境都有不同的条件。
对于浏览器环境，窗口的类型应等于“object”。
对于node.js环境，我们必须检查两个条件：首先检查进程的类型是否为“object”，以及require的类型是否为“function”。
只有当这两个条件都为真时，环境才是node.js环境。
对于Service Worker环境，我们检查importScripts的类型是否等于“function”。如果等于函数，则环境才是Service Worker环境。
语法
以下是检查运行环境的语法：
// Condition if Runtime Environment is Node.js typeof process === "object" &&typeof require === " // Condition if Runtime Environment is Service Worker typeof importScripts === "function // Condition if Runtime Environment is Browser typeof window === "object"
算法
- 步骤1 - 首先我们检查运行环境是否为Node.js。如果是，则显示相应的消息。
- 步骤2 - 接下来我们检查当前运行环境是否为Service Worker。如果是，则显示相应的消息。
- 步骤3 - 最后我们检查运行环境是否为浏览器。如果是，则显示相应的消息。
示例
我们可以使用以下代码来检查程序的运行环境。
<!DOCTYPE html>
<html>
<body>
<div>
<h2>Check the Current Runtime Environment</h2>
<p>Click the below button to know the runtime environment</p>
<button onclick = "isBrowser()"> Check Runtime Environment </button>
<p id="result1"></p>
<p id="result2"></p>
<p id="result3"></p>
</div>
<script>
function isBrowser() {
var text="Runtime environment";
// Check if the runtime environment is Node.js
if (typeof process === "object" &&typeof require === "function") {
document.getElementById("result1").innerHTML = text + " is node.js"; }
// Check if the runtime environment is a Service worker
if (typeof importScripts === "function") {
document.getElementById("result2").innerHTML = text + " is service worker";
}
// Check if the runtime environment is a Browser
if (typeof window === "object") {
document.getElementById("result3").innerHTML = text + " is Browser";
}
}
</script>
</body>
</html>单击“检查运行环境”按钮后，屏幕将根据程序运行的环境显示输出。
JavaScript的此功能允许您在任何环境中编写代码，并在任何其他不同的环境中运行它，尤其是在使用仅在Web浏览器中运行的网页时，在Web浏览器中运行。
注意 - 此处使用的typeof方法将提供变量、函数或方法的数据类型，例如，它会输出字符串、数字、对象、函数或任何其他类型的数据类型。
3K+ 浏览量
