JavaScript-基本引用类型（单例内置对象：Global）

ECMA-262 对内置对象的定义是“任何由 ECMAScript 实现提供、与宿主环境无关，并在 ECMAScript程序开始执行时就存在的对象”。这就意味着，开发者不用显式地实例化内置对象，因为它们已经实例化好了。前面我们已经接触了大部分内置对象，包括 Object、Array 和 String

Global 对象是 ECMAScript 中最特别的对象，因为代码不会显式地访问它

• ECMA-262 规定 Global 对象为一种兜底对象，它所针对的是不属于任何对象的属性和方法
• 在全局作用域中定义的变量和函数都会变成 Global 对象的属性
• 事实上，不存在全局变量或全局函数这种东西，在全局作用域中定义的变量和函数都会变成 Global 对象的属性
• 如之前介绍的 isNaN()、isFinite()、parseInt()、parseFloat() ，实际上都是 Global 对象的方法

Global 对象上还有另外一些方法

一、URL 编码方法

encodeURI() 和 encodeURIComponent() 方法用于编码统一资源标识符（URI），以便传给浏览器。有效的 URI 不能包含某些字符，比如空格。使用 URI 编码方法来编码 URI 可以让浏览器能够理解它们，同时又以特殊的 UTF-8 编码替换掉所有无效字符。

1.1 encodeURI()

用于对整个 URI 进行编码，比如 “www.wrox.com/illegal value.js”

1.2 encodeURIComponent()

用于编码 URI 中单独的组件，比如前面 URL 中的"illegal value.js"

1.3 encodeURI() 和 encodeURIComponent() 的区别

• encodeURI() 不会编码属于 URL 组件的特殊字符，比如冒号、斜杠、问号、井号
• encodeURIComponent() 会编码它发现的所有非标准字符

let uri = "http://www.wrox.com/illegal value.js#start";
// http://www.wrox.com/illegal%20value.js#start
console.log(encodeURI(uri));

//http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.js%23start
console.log(encodeURIComponent(uri));

• 使用 encodeURI() 编码后，除空格被替换为%20 之外，没有任何变化
• encodeURIComponent() 方法将所有非字母字符都替换成了相应的编码形式

1.4 decodeURI() 和 decodeURIComponent()

decodeURI()只对使用 encodeURI()编码过的字符解码

decodeURIComponent() 解码所有被 encodeURIComponent() 编码的字符，基本上就是解码所有特殊值

let uri = "http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.js%23start"; 
// http%3A%2F%2Fwww.wrox.com%2Fillegal value.js%23start 
console.log(decodeURI(uri)); 

// http://www.wrox.com/illegal value.js#start 
console.log(decodeURIComponent(uri));

注意：URI方法 encodeURI()、encodeURIComponent()、decodeURI()和 decodeURIComponent() 取代了 escape() 和 unescape() 方法，后者在 ECMA-262 第 3 版中就已经废弃了。URI 方法始终是首选方法，因为它们对所有 Unicode 字符进行编码，而原来的方法只能正确编码 ASCII 字符。不要在生产环境中使用 escape() 和 unescape()

二、eval()

• 一个完整的 ECMAScript 解释器
• 接收一个参数，即一个要执行的 ECMAScript（JavaScript）字符串
• 在严格模式下，在 eval() 内部创建的变量和函数无法被外部访问

eval("console.log('hi')");
//上面这行代码的功能与下一行等价
console.log("hi");

当解释器发现 eval() 调用时，会将参数解释为实际的 ECMAScript 语句，然后将其插入到该位置

let msg = "hello world"; 
eval("console.log(msg)"); // "hello world"

类似地，可以在 eval() 内部定义一个函数或变量，然后在外部代码中引用

eval("function sayHi() { console.log('hi'); }"); 
sayHi(); // hi

注意：通过 eval() 定义的任何变量和函数都不会被提升，这是因为在解析代码的时候，它们是被包含在一个字符串中的。它们只是在 eval()执行的时候才会被创建。

在严格模式下，在 eval() 内部创建的变量和函数无法被外部访问

"use strict"; 
eval("function sayHi() { console.log('hi'); }");
sayHi(); // 报错

注意：解释代码字符串的能力是非常强大的，但也非常危险。在使用 eval() 的时候必须极为慎重，特别是在解释用户输入的内容时。因为这个方法会对 XSS 利用暴露出很大的攻击面。恶意用户可能插入会导致你网站或应用崩溃的代码。

三、Global 对象属性

属 性	说 明
undefined	特殊值 undefined
NaN	特殊值 NaN
Infinity	特殊值 Infinity
Object	Object 的构造函数
Array	Array 的构造函数
Function	Function 的构造函数
Boolean	Boolean 的构造函数
String	String 的构造函数
Number	Number 的构造函数
Date	Date 的构造函数
RegExp	RegExp 的构造函数
Symbol	Symbol 的伪构造函数
Error	Error 的构造函数
EvalError	EvalError 的构造函数
RangeError	RangeError 的构造函数
ReferenceError	ReferenceError 的构造函数
SyntaxError	SyntaxError 的构造函数
TypeError	TypeError 的构造函数
URIError	URIError 的构造函数

四、window 对象

• ECMA-262 没有规定直接访问 Global 对象的方式
• 但浏览器将 window 对象实现为 Global 对象的代理

因此，所有全局作用域中声明的变量和函数都变成了 window 的属性（关于 window 对象的更多介绍，会在后续博客中更新）

var color = "red"; 
function sayColor() { 
 console.log(window.color); 
} 
window.sayColor(); // "red"

五、另一种获取 Global 对象的方式

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

这段代码创建一个立即调用的函数表达式，返回了 this 的值。如前所述，当一个函数在没有明确（通过成为某个对象的方法，或者通过 call() / apply() ）指定 this 值的情况下执行时，this 值等于 Global 对象。因此，调用一个简单返回 this 的函数是在任何执行上下文中获取 Global 对象的通用方式。