荐 【JavaScript核心技术卷】JS的逻辑内存模型

JavaScript的逻辑内存模型

Java语言是面向对象的，而JavaScript语言是基于对象的。两者之间是有差异的。这里主要以这两种语言进行一个对比。

一、面向对象的三要素

1.封装 （数据结构 + 算法）

• Java语言可通过访问修饰符来保证封装性：private。
  该类的实例状态应该只能由该类的方法访问修改，否则我们说该类的封装性遭到了破坏。封装性保证了安全和可维护。
  JavaScript语言不支持访问权限修饰符，无法隐藏具体实现。

• JavaScript语言是动态成员, Java语言静态成员。

• JS中只有实方法（含有隐式形参this）。没有静态方法。

• JS没有函数重载，形参只是用于便利存取实参。

2.继承

• Java语言只支持静态继承。JavaScript语言支持动态继承。

3.多态

• 多态的前提是继承和虚方法。Java语言支持多态。JavaScript语言无虚函数，所以不支持多态。

我们知道Java语言中有接口类和抽象类，存在接口类和抽象类的继承。而JavaScript语言中无接口类和抽象类。

JavaScript堆中只有对象一种数据结构（一般是哈希表结构），而Java堆中有实例和类两种数据结构。所以，JavaScript是一切皆为对象。

二、JavaScript的逻辑内存模型

逻辑内存模型由执行模型和对象模型组成。

JavaScript的逻辑内存模型是比较复杂的。

执行模型

可执行的JavaScript代码分三种类型：

1. Global Code，即全局的、不在任何函数里面的代码，例如：一个js文件、嵌入在HTML页面中的js代码等。
2. Eval Code，即使用eval()函数动态执行的JS代码。
3. Function Code，即用户自定义函数中的函数体JS代码。 不同类型的JavaScript代码具有不同的Execution Context

在一个页面中，第一次载入JS代码时创建一个全局执行环境，当调用一个 JavaScript 函数时，该函数就会进入相应的执行环境。如果又调用了另外一个函数（或者递归地调用同一个函数），则又会创建一个新的执行环境，并且在函数调用期间执行过程都处于该环境中。当调用的函数返回后，执行过程会返回原始执行环境。因而，运行中的 JavaScript 代码就构成了一个执行环境栈。执行模型就是对JS代码执行环境的一个描述

对象模型

JS中一切皆对象，对象模型就是对代码中对象以及对象之间关系的一种抽象描述

对象中的[[]]属性是内置的隐式属性，有JS引擎添加

1. 内部隐式属性[[Class]]的值为”Function”，说明该函数对象的类名称是”Function”
2. 内部隐式属性[[Extensible]] 的值为 true，说明该函数对象的属性可以增删
3. 内部隐式属性[[Prototype]]为Function .prototype,说明该函数对象是类Function的实例
4. 内部隐式属性[[Call]]，它是由用户JS代码实现的用户方法
5. 内部隐式属性[[Construct]]，它是由JS引擎用native code 或内置JS代码实现的内部方法
6. 内部隐式属性[[Scope]]设置函数对象的作用域链：

• 用function关键字声明的函数声明语句创建的函数对象，其[[Scope]]静态作用域链复制当前执行环境的执行作用域链
• 使用function关键字声明的匿名函数表达式创建的函数对象，其[[Scope]]静态作用域链复制当前执行环境的作用域链
• 使用function关键字声明的命名函数表达式创建的函数对象，其[[Scope]]静态作用域链复制当前执行环境的作用域链；在[[Scope]]静态作用域链的前端添加一个Object类的实例；在该实例上添加一个属性，名字为函数名functionName，值为返回的函数对象fn。

	var test = function functionName(a){document.write(a + "<br />");}

• new Function()、Function()函数创建的函数对象的[[Scope]]静态作用域链永远复制全局执行环境的作用域链，只包含window对象。

var fn = new Function("形式参数1","形式参数2",...,"形式参数n","函数体");
var fn = Function("形式参数1","形式参数2",...,"形式参数n","函数体");

剩下的了解：

1. create():使用指定的原型对象和属性创建一个新对象
2. seal():密封对象， 对象数据属性的[[configurable]]为false，即不能删除对象的属性和方法
3. freeze():冻结对象，对象数据属性的[[writable]]为false，即不能删除或更改对象的属性
4. preventExtensions：调用此方法后不能给对象添加新属性和方法
5. issealed:判断对象是否密封
6. isFrozen:判断对象是否冻结
7. isExtensible:检测对象是否可扩展
8. getPrototypeOf:得到对象的原型
9. keys:返回对象的自身可枚举属性组成的数组
10. getOwnPropertyNames:返回对象的自身属性的属性名（包括可枚举属性但不包括Symbol值作为名称的属性）
11. length:属性，作为函数使用时，参数的长度
12. caller:属性，作为函数使用时，其调用者
13. arguments:属性，作为函数使用时，参数列表

我们和Java的对比一下：

三、JavaScript的对象与Java的实例

中括号内放置的是引擎给加的隐式属性，必包括3个（Prototype指针,Class字符串/类名,Extensible/属性是否可增删），只包括这三个隐式属性的是对象

四、window对象的内存逻辑模型

与全局执行环境对象关联的变量对象（Variable Object）在JS中称为全局对象（Global Object），JS规定其一定是一个宿主对象，在Web中，为window对象。我们编写的JS代码可以访问window对象。全局执行环境直到应用程序退出—例如关闭网页或浏览器—时才会被销毁。相当于Java的常量池。

与全局执行环境对象关联的变量对象（Variable Object）在JS中称为全局对象（Global Object），JS规定其一定是一个宿主对象，在Web中，为window对象。我们编写的JS代码可以访问window对象。全局执行环境直到应用程序退出—例如关闭网页或浏览器—时才会被销毁。相当于Java的常量池

五、Object构造函数的内存逻辑模型

相当于Java中的Object类。有两个对象结构组成。

原型对象中的方法和属性都是可以被继承的 类对象中放置的都是静态属性，可以直接通过类调用 可以根据constructor属性区分类对象与原型对象：原型对象有constructor属性，没有prototype属性，类对象则相反

六、Function构造函数的内存逻辑模型

相当于Java中的Class反射类。有两个对象结构组成。

JS中一切皆对象，所以Function也是Object的实例，Function.prototype指向Object的原型

七、JavaScript的类继承

继承的实质是指JS对象的原型指向其父类

八、JavaScript的对象与类

JS的原型对象+类对象相当于java的类

Thanks for 【进阶er】’ help

本文地址：https://blog.csdn.net/qq_42322103/article/details/105626889