【Java 进阶篇】JavaScript 中的全局对象和变量

青旅半醒 2024-02-22 04:02 108阅读 0赞

![在这里插入图片描述][ee6246a97e76456ea2a96231b3fde401.png]

JavaScript 是一门非常强大的编程语言，它提供了许多全局对象和变量，以便于在整个应用程序中共享数据和功能。本文将详细介绍 JavaScript 中的全局对象和变量，包括全局对象、全局变量、全局函数以及它们的用途和示例。

### 全局对象 ###

JavaScript 中有一些全局对象，它们在整个应用程序中都可用。这些全局对象提供了许多有用的功能和方法。下面是一些常见的全局对象：

#### 1. `window` 对象 ####

`window` 对象是浏览器环境中的全局对象，它代表浏览器窗口。虽然通常可以省略 `window` 关键字，但它用于访问全局对象的属性和方法。

##### 示例： #####

window.alert("Hello, World!"); // 显示警告框
    var result = window.confirm("Are you sure?"); // 显示确认框
    var name = window.prompt("What's your name?"); // 显示输入框

#### 2. `console` 对象 ####

`console` 对象提供了在控制台中打印信息的方法，用于调试和记录日志信息。

##### 示例： #####

console.log("This is a log message.");
    console.error("This is an error message.");
    console.warn("This is a warning message.");

#### 3. `Math` 对象 ####

`Math` 对象包含了一组用于执行数学操作的方法和常量。这些方法允许你进行数学计算，如取绝对值、四舍五入、生成随机数等。

##### 示例： #####

var x = Math.abs(-5); // 返回 5
    var y = Math.round(3.6); // 返回 4
    var z = Math.random(); // 返回 0 到 1 之间的随机小数

#### 4. `Date` 对象 ####

`Date` 对象用于处理日期和时间。你可以创建日期对象、获取日期的各个部分以及执行日期运算。

##### 示例： #####

var today = new Date();
    var year = today.getFullYear(); // 获取年份
    var month = today.getMonth(); // 获取月份（0 到 11）
    var day = today.getDate(); // 获取日期

### 全局变量 ###

JavaScript 中有一些全局变量，它们在整个应用程序中都可用。以下是一些常见的全局变量：

#### 1. `undefined` 变量 ####

`undefined` 变量表示未定义的值。当声明变量但没有给它赋值时，它的值为 `undefined`。

##### 示例： #####

var x;
    console.log(x); // 输出 undefined

#### 2. `NaN` 变量 ####

`NaN` 变量表示 “Not-a-Number”，通常用于表示数学运算无法生成有效数字的结果。

##### 示例： #####

var result = "Hello" / 2;
    console.log(isNaN(result)); // 输出 true

#### 3. `Infinity` 和 `-Infinity` 变量 ####

`Infinity` 和 `-Infinity` 变量表示正无穷大和负无穷大。

##### 示例： #####

var positiveInfinity = Infinity;
    var negativeInfinity = -Infinity;

#### 4. `null` 变量 ####

`null` 变量表示空值，通常用于初始化变量，表示该变量没有值。

##### 示例： #####

var person = null; // 表示 person 变量没有值

### 全局函数 ###

JavaScript 中有一些全局函数，它们提供了各种功能，可以在整个应用程序中调用。以下是一些常见的全局函数：

#### 1. `parseInt()` 和 `parseFloat()` 函数 ####

`parseInt()` 函数用于将字符串转换为整数，而 `parseFloat()` 函数用于将字符串转换为浮点数。

##### 示例： #####

var num1 = parseInt("42"); // 返回整数 42
    var num2 = parseFloat("3.14"); // 返回浮点数 3.14

#### 2. `isNaN()` 函数 ####

`isNaN()` 函数用于检查一个值是否为 `NaN`（Not-a-Number）。

##### 示例： #####

var result1 = isNaN("Hello"); // 返回 true
    var result2 = isNaN(42); // 返回 false

#### 3. `isFinite()` 函数 ####

`isFinite()` 函数用于检查一个值是否为有限数。

##### 示例： #####

var result1 = isFinite(42); // 返回 true
    var result2 = isFinite(Infinity); // 返回 false

#### 4. `decodeURI()` 和 `encodeURI()` 函数 ####

`decodeURI()` 函数用于解码 URI，而 `encodeURI()` 函数用于对 URI 进行编码。

##### 示例： #####

var uri = "https://www.example.com?name=John Doe";
    var encodedURI = encodeURI(uri);
    var decodedURI = decodeURI(encodedURI);

### 总结 ###

JavaScript 中的全局对象、全局变量和全局函数提供了丰富的功能和方法，可以在整个应用程序中使用。了解这些全局概念对于编写 JavaScript 代码非常重要，因为它们在许多情况下都会派上用场。在编写代码时，请注意全局变量可能会与局部变量产生冲突，因此需要谨慎使用。

希望本文能帮助你更好地理解 JavaScript 中的全局对象、变量和函数。如果你有任何问题或需要进一步的帮助，请随时提问。

<table> 
 <tbody> 
  <tr> 
   <td> <strong><font>作者信息</font></strong><br> <br> <font> 作者 ： 繁依Fanyi</font><br> <font>CSDN：</font> <a href="https://blog.csdn.net/qq_21484461?spm=1000.2115.3001.5343" rel="nofollow"><font>https://techfanyi.blog.csdn.net</font></a><br> <font>掘金：</font><a href="https://juejin.cn/user/4154386571867191" rel="nofollow"><font>https://juejin.cn/user/4154386571867191</font></a> </td> 
  </tr> 
 </tbody> 
</table>

[ee6246a97e76456ea2a96231b3fde401.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/cf83856a6b434d3cbd4f8c3d72d87302.png