JavaScript单体内置对象Global和Math核心用法解析

JavaScript单体内置对象概述

JavaScript语言规范中定义了两个核心的单体内置对象：Global和Math。

Global对象详解

Global对象

Global对象在JavaScript中占据着特殊地位。凡是不属于其他特定对象的属性和方法，最终都归属于Global对象。实际上，JavaScript中并不存在严格意义上的全局变量或全局作用域，所有在全局作用域下定义的属性和函数，本质上都是Global对象的属性。

Global对象提供了一系列实用的方法，主要包括以下两类：

1. URI编码相关方法

Global对象提供了encodeURI()和encodeURIComponent()两个方法用于对统一资源标识符（URI）进行编码。其中，encodeURI()主要用于对整个URI字符串进行编码，而encodeURIComponent()则适用于对URI中的特定组成部分进行编码。


var uri = "http://www.jb51 xxyh.com#login";
alert(encodeURI(uri));     // "http://www.jb51%20xxyh.com#login"
alert(encodeURIComponent(uri)); // "http%3A%2F%2Fwww.jb51%20xxyh.com%23login"

encodeURI()在编码时会保留URI中原本就属于特殊字符的部分（例如冒号、正斜杠、问号和井号），不会对其进行编码；相比之下，encodeURIComponent()会对所有非标准字符进行编码处理。

与上述两个编码方法相对应，Global对象还提供了两个解码方法：decodeURI()和decodeURIComponent()。


var uri = "http%3A%2F%2Fwww.jb51%20xxyh.com%23login";
alert(decodeURI(uri));   // "http%3A%2F%2Fwww.jb51 xxyh.com%23login"
alert(decodeURIComponent(uri)); // http://www.jb51 xxyh.com#login

需要注意的是，decodeURI()仅能解码由encodeURI()生成的编码字符串；而decodeURIComponent()则专门用于解码由encodeURIComponent()生成的字符串。

2. eval()方法

eval()方法仅接收一个参数，该参数为需要执行的JavaScript代码字符串。例如：

eval("alert('hello')");

上述代码的执行效果等价于：

alert("hello");

当解析器调用eval()时，会将传入的字符串参数作为实际的JavaScript语句进行解析，并将执行结果插入到原调用位置。通过eval()执行的代码被视为包含该调用的执行环境的一部分，因此被执行的代码拥有与该执行环境相同的作用域链。这意味着，通过eval()执行的代码可以引用在包含环境中定义的变量。


var msg = "good morning";
eval("alert(msg)");    // "good morning"

同样地，可以在eval()中定义一个函数，随后在该调用的外部引用这个函数：


eval("function sayHi() {alert('hello')}");

对于变量也是如此：


eval("var msg = 'hello world'");
alert(msg);    // "hello world"

在eval()中创建的任何变量或函数都不会发生提升现象，因为在代码解析阶段它们被包含在字符串中；只有在eval()实际执行时，这些变量或函数才会被创建。

3. window对象

JavaScript规范并未规定如何直接访问Global对象，但Web浏览器均将其实现为window对象的一部分。因此，在全局作用域中声明的所有变量和函数，均成为window对象的属性。


var color = "red";
function sayColor() {
  alert(window.color);
}
window.sayColor();

上述示例中定义了一个全局变量color和一个全局函数sayColor()。在函数内部通过window.color访问color变量，说明全局变量color是window对象的属性；通过window.sayColor()调用sayColor()方法，说明sayColor()是window对象的方法。

获取Global对象的一种常见方法如下：


var global = function () {
  return this;
}();

Math对象详解

Math对象

JavaScript提供了Math对象，旨在提供高效的数学计算功能。

1. Math对象的属性

Math对象的属性大多涉及数学计算中的特殊常数或值。

JavaScript单体内置对象概述

2. min()和max()方法

min()和max()方法用于确定一组数值中的最小值和最大值。这两个方法均支持接收任意数量的数值参数。


var max = Math.max(4,89,65,34);
alert(max);  // 89

var min = Math.min(4,89,65,34);
alert(min);

若要查找数组中的最大值和最小值，可以使用apply()方法进行调用：


var values = [4,89,65,34];
var max = Math.max.apply(Math, values);

3. 舍入方法

• Math.ceil()：执行向上舍入，即进一法，只要小数位不为0就向上取整。 • Math.floor()：执行向下舍入，即取整法，直接舍去小数位。 • Math.round()：执行标准舍入，即四舍五入法。

示例：


alert(Math.ceil(11.4)); // 12
alert(Math.ceil(11.5)); // 12
alert(Math.ceil(11.8)); // 12

alert(Math.floor(11.4)); // 11
alert(Math.floor(11.5)); // 11
alert(Math.floor(11.8)); // 11

alert(Math.round(11.4)); // 11
alert(Math.round(11.5)); // 12
alert(Math.round(11.8)); // 12

alert(Math.ceil(-11.4)); // -11
alert(Math.ceil(-11.5)); // -11
alert(Math.ceil(-11.8)); // -11

alert(Math.floor(-11.4)); // -12
alert(Math.floor(-11.5)); // -12
alert(Math.floor(-11.8)); // -12

alert(Math.round(-11.4)); // -11
alert(Math.round(-11.5)); // -11
alert(Math.round(-11.8)); // -12

4. random()方法

Math.random()方法返回一个介于0（包含）到1（不包含）之间的随机数。

例如，获取一个1到10之间的整数：


var num = Math.floor(Math.random() * 10 + 1);

5. 其他方法

Math对象还提供了一系列用于完成各种简单或复杂计算的方法。

JavaScript单体内置对象概述

ECMA-262规范规定了这些方法，但不同实现的精确度可能存在差异。

以上关于JavaScript单体内置对象的深入解析即为全部内容，希望能对读者有所帮助，也希望大家多多支持本站。

深入理解JavaScript单体内置对象：Global与Math详解

JavaScript单体内置对象概述

Global对象详解

Math对象详解

实用工具推荐