重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？

左手的ㄟ右手 2021-09-28 05:38 294阅读 0赞

### 文章目录 ###

*  重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？
 *   *  JavaScript 中的对象分类
     *  宿主对象
     *  内置对象·固有对象
     *  内置对象·原生对象
     *  用对象来模拟函数与构造器：函数对象与构造器对象
     *  特殊行为的对象
 *  总结
 *   *  三个值：
     *  九个函数：
     *  构造器：
     *  四个用于当作命名空间的对象：

# 重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？ #

## JavaScript 中的对象分类 ##

对象分类。

*  宿主对象（host Objects）：由 JavaScript 宿主环境提供的对象，它们的行为完全由宿主环境决定。
 *  内置对象（Built-in Objects）：由 JavaScript 语言提供的对象。
 *  固有对象（Intrinsic Objects ）：由标准规定，随着 JavaScript 运行时创建而自动创建的对象实例。
 *  原生对象（Native Objects）：可以由用户通过 Array、RegExp 等内置构造器或者特殊语法创建的对象。
 *  普通对象（Ordinary Objects）：由\{\}语法、Object 构造器或者 class 关键字定义类创建的对象，它能够被原型继承。

## 宿主对象 ##

1.  JavaScript 宿主对象千奇百怪，但是前端最熟悉的无疑是浏览器环境中的宿主了。
2.  在浏览器环境中，我们都知道全局对象是 window，window 上又有很多属性，如 document。
3.  实际上，这个全局对象 window 上的属性，一部分来自 JavaScript 语言，一部分来自浏览器环境。
4.  JavaScript 标准中规定了全局对象属性，w3c 的各种标准中规定了 Window 对象的其它属性。

## 内置对象·固有对象 ##

*  固有对象是由标准规定，随着 JavaScript 运行时创建而自动创建的对象实例。
 *  固有对象在任何 JS 代码执行前就已被创建，通常扮演类似基础库的角色。
 *  ECMA 标准为我们提供了一份固有对象表，里面含有 150+ 个固有对象。通过[这个链接][Link 1]查看。

## 内置对象·原生对象 ##

原生对象个种类。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70]

*  通过这些构造器，可用 new 运算创建新的对象，所以我们把这些对象称作原生对象。
 *  几乎所有这些构造器的能力都是无法用纯 JavaScript 代码实现的，它们也无法用 class/extend 语法来继承。

## 用对象来模拟函数与构造器：函数对象与构造器对象 ##

我在前面介绍了对象的一般分类，在 JavaScript 中，还有一个看待对象的不同视角，这就是用对象来模拟函数和构造器。  
事实上，JavaScript 为这一类对象预留了私有字段机制，并规定了抽象的函数对象与构造器对象的概念。  
函数对象的定义是：具有 \[\[call\]\] 私有字段的对象，构造器对象的定义是：具有私有字段 \[\[construct\]\] 的对象。  
JavaScript 用对象模拟函数的设计代替了一般编程语言中的函数，它们可以像其它语言的函数一样被调用、传参。任何宿主只要提供了“具有 \[\[call\]\] 私有字段的对象”，就可以被 JavaScript 函数调用语法支持。  
我们可以这样说，任何对象只需要实现 \[\[call\]\]，它就是一个函数对象，可以去作为函数被调用。而如果它能实现 \[\[construct\]\]，它就是一个构造器对象，可以作为构造器被调用。

## 特殊行为的对象 ##

除了上面介绍的对象之外，在固有对象和原生对象中，有一些对象的行为跟正常对象有很大区别。

它们常见的下标运算（就是使用中括号或者点来做属性访问）或者设置原型跟普通对象不同，这里我简单总结一下。

*  Array：Array 的 length 属性根据最大的下标自动发生变化。
 *  Object.prototype：作为所有正常对象的默认原型，不能再给它设置原型了。
 *  String：为了支持下标运算，String 的正整数属性访问会去字符串里查找。
 *  Arguments：arguments 的非负整数型下标属性跟对应的变量联动。
 *  模块的 namespace 对象：特殊的地方非常多，跟一般对象完全不一样，尽量只用于 import 吧。
 *  类型数组和数组缓冲区：跟内存块相关联，下标运算比较特殊。
 *  bind 后的 function：跟原来的函数相关联。

# 总结 #

1.  介绍了一些不那么常规的对象
2.  介绍了对象来模拟函数和构造器的机制

## 三个值： ##

Infinity  
NaN  
undefined。

## 九个函数： ##

1.  eval
2.  isFinite
3.  isNaN
4.  parseFloat
5.  parseInt
6.  decodeURI
7.  decodeURIComponent
8.  encodeURI
9.  encodeURIComponentencodeURIComponent

## 构造器： ##

Array  
Date  
RegExp  
Promise  
Proxy  
Map  
WeakMap  
Set  
WeapSet  
Function  
Boolean  
String  
Number  
Symbol  
Object  
Error  
EvalError  
RangeError  
ReferenceError  
SyntaxError  
TypeError  
URIError  
ArrayBuffer  
SharedArrayBuffer  
DataView  
Typed Array  
Float32Array  
Float64Array  
Int8Array  
Int16Array  
Int32Array  
UInt8Array  
UInt16Array  
UInt32Array  
UInt8ClampedArray。

## 四个用于当作命名空间的对象： ##

*  Atomics
 *  JSON
 *  Math
 *  Reflect

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center 1]

[Link 1]: https://www.ecma-international.org/ecma-262/9.0/index.html#sec-well-known-intrinsic-objects
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70]: /images/20210923/15c06e710584415c8b027f44812c984c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center]: /images/20210923/a9e115b642d44f80bde994c3dcf88b6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210923/2cde88871f4943cbb25f755ee5313c54.png

发表评论取消回复

表情：

评论列表（有 0 条评论，294人围观）

还没有评论，来说两句吧...

相关阅读

相关学过了这么多面向对象的编程语言，你知道他们的对象是谁吗？

[在这里插入图片描述][cb92708569c2448f8083684b0e799056.png_pic_center] -------------------- >...

缺乏、安全感/ 2024年04月14日 11:55/ 0 赞/ 85 阅读

相关前端架构师之08_JavaScript对象

1 面向对象概述 1.1 面向过程与面向对象面向过程：注重的是事情完成的具体的步骤，只有按照步骤一步一步的执行，才能够完成这件事情。

缺乏、安全感/ 2023年10月16日 14:43/ 0 赞/ 67 阅读

相关【重学前端】003-JavaScript：正统的面向对象语言

【重学前端】003-JavaScript 对象：正统的面向对象语言文章目录【重学前端】003-JavaScript 对象：正统的面向对象语言一、J

落日映苍穹つ/ 2023年09月28日 12:44/ 0 赞/ 23 阅读

相关【重学前端】002-JavaScript类型：关于类型，有哪些你不知道的细节

【重学前端】002-JavaScript类型：关于类型，有哪些你不知道的细节文章目录【重学前端】002-JavaScript类型：关于类型，有哪些你不知道

待我称王封你为后i/ 2023年09月28日 09:42/ 0 赞/ 32 阅读

相关面试官：你知道对象的克隆原理吗？

案例关注“Java后端技术全栈” 回复“000”获取大量电子书本文主要内容 ![format_png][] 背景先说说生活中三个例子：西游记中，

落日映苍穹つ/ 2022年12月26日 11:14/ 0 赞/ 170 阅读

相关《你不知道的JavaScript》整理（三）——对象

一、语法两种形式定义：文字形式和构造形式。 //文字形式 var myObj = { key: value }; //构造

朴灿烈づ我的快乐病毒、/ 2022年02月09日 09:47/ 0 赞/ 266 阅读

相关重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？

文章目录重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？ JavaScript 中的对象分类宿主对象

左手的ㄟ右手/ 2021年09月28日 05:38/ 0 赞/ 295 阅读

相关重学前端-总结：07、JavaScript对象：我们真的需要模拟类吗？

重学前端-总结：07、JavaScript对象：我们真的需要模拟类吗？文章目录重学前端-总结：07、JavaScript对象：我们真的需要模拟类吗？

深藏阁楼爱情的钟/ 2021年09月28日 05:38/ 0 赞/ 228 阅读

相关重学前端-总结：06 、JavaScript对象：面向对象还是基于对象？

文章目录重学前端-总结：06 、JavaScript对象：面向对象还是基于对象？什么是面向对象？背景 JavaScri

深碍√TFBOYSˉ_/ 2021年09月28日 05:36/ 0 赞/ 333 阅读

相关重学前端-总结：05、JavaScript类型：关于类型，有哪些你不知道的细节？

文章目录重学前端-总结：05、JavaScript类型：关于类型，有哪些你不知道的细节？类型 Undefined、Null Bo

超、凢脫俗/ 2021年09月28日 05:36/ 0 赞/ 282 阅读