【JS第17期】单体内置对象

最新推荐文章于 2025-08-08 17:07:36 发布

weixin_33911824

最新推荐文章于 2025-08-08 17:07:36 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：https://juejin.im/post/5ad60e3e5188252b0b204be1

本文介绍了ECMAScript中的内置对象Global和Math的详细信息，包括它们的属性和方法。探讨了不同环境下如何获取顶层对象的问题，并提出了一种标准化解决方案。同时，深入讲解了Math对象的常用数学函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由ECMAScript实现提供的，不依赖于任何宿主环境的对象，这些对象在ECMAScript执行之前就已经存在了。ECMA-262中定义了两个单体内置对象：Global 和 Math。

Global 对象

ES5 的顶层对象，本身也是一个问题，因为它在各种实现里面是不统一的。

浏览器里面，顶层对象是window，但 Node 和 Web Worker 没有window。
浏览器和 Web Worker 里面，self也指向顶层对象，但是 Node 没有self。
Node 里面，顶层对象是global，但其他环境都不支持。

同一段代码为了能够在各种环境，都能取到顶层对象，现在一般是使用this变量，但是有局限性。很难找到一种方法，可以在所有的情况下，都取到顶层对象。下面是2种勉强可以使用的方法：

// 方法一
(typeof window !== 'undefined'
   ? window
   : (typeof process === 'object' &&
      typeof require === 'function' &&
      typeof global === 'object')
     ? global
     : this);

// 方法二
var getGlobal = function () {
  if (typeof self !== 'undefined') { return self; }
  if (typeof window !== 'undefined') { return window; }
  if (typeof global !== 'undefined') { return global; }
  throw new Error('unable to locate global object');
};
复制代码

现在有一个提案，在语言标准的层面，引入global作为顶层对象。也就是说，在所有环境下，global都是存在的，都可以从它拿到顶层对象。

// CommonJS 的写法
require('system.global/shim')();

// ES6 模块的写法
import shim from 'system.global/shim'; shim();
复制代码

上面代码可以保证各种环境里面，global对象都是存在的。

Global对象的方法

URI编码方法

encodeURI() 整个uri进行编码，但不会对本身属于uri的特殊字符进行编码
encodeURIComponent() 对uri中的某一段进行编码，会对任何非标准字符进行编码
decodeURI() 对encodeURI()替换的字符进行解码
decodeURIComponent() 对 encodeURIComponent()进行解码

eval()方法

eval()是一个完整的ECMAScript的解释器，只接收一个可执行的字符串

Global对象的属性

undefined
NaN
Infinity
Object
Array
Function
Boolean
String
Number
Date
RegExp
Error 当代码运行时的发生错误，会创建新的Error对象，并将其抛出。
EvalError 代表了一个关于 eval 函数的错误.此异常不再会被JavaScript抛出，但是EvalError对象仍然保持兼容性.
RangeError 标明一个错误，当一个值不在其所允许的范围或者集合中。
ReferenceError (引用错误）表明一个不存在的变量被引用。
SyntaxError 表尝试解析语法上不合法的代码的错误。
TypeError（类型错误）用来表示值的类型非预期类型时发生的错误。
URIError 用来表示以一种错误的方式使用全局URI处理函数而产生的错误。
InternalError 非标准该特性是非标准的，请尽量不要在生产环境中使用它！表示出现在JavaScript引擎内部的错误。例如： "InternalError: too much recursion"（内部错误：递归过深）。