V8底层运行机制之执行上下文及堆栈内存原理刨析_v8的运行机制-程序员宅基地

技术标签： JS  javascript  

##1、理论讲解：
我们编写的JS代码都是执行在一个环境里的，例如：

浏览器（引擎）
node（基于v8渲染js）
webview（v8引擎）

Execution Context Stack:

执行环境栈，栈内存（从内存中分配出的一个）

EC Execution Context 执行上下文
AO Active Object 私有对象
VO Variable Object 变量对象
GO Global Object 全局对象
SCOPE 作用域：创建函数的时候就赋予的
SCOPE-CHAIN 作用链域

ECStack

浏览器想要执行js代码，需要提供一个代码执行环境ECStack,执行环境栈
作用：1、共代码执行。2、存储原始值 &变量

EC

在编程语言中，代码执行时，为了区分全局和函数执行所处的不同作用域
（目的是为了区分每个词法作用域下代码的独立性）而创建出的执行上下文

VO - AO

每一个上下文代码执行的时候，可能都会创建变量，所以在每一个上下文中都会有一个存储变量的空间VO
变量对象：存放当前上下文中的变量
全局称为VO(G)
私有上下文中称为AO(XXX)，也是变量对象

GO

浏览器把所有后期需要供JS调用的属性和方法都放置在GO对象中
并且在全局中创建一个window变量指向这个GO对象

##2、案例：
简单的案例
###案例分析1：

  var a = 12;
  var b = a;
  b = 13;
  console.log(a);

= 赋值操作：
1、先创建一个值(原始值&对象)
原始值：在栈内存中找个位置存储起来
对象：单独开辟一个堆内存空间，用来存储对此的成员等信息
2、声明变量Declare，把声明的变量存储在当前的上下文的”变量对象中的Vo/Ao“
3、让变量和创建的值关联起来Defined定义

画图分析：
image.png
image.png

案例分析2：

var a = {
    
    n: 12
};
var b = a;
b['n'] = 13;
console.log(a.n);

画图分析：
image.png

###案例分析3：

var a = {
    
    n: 1
};
var b = a;
a.x = a = {
    
    n: 2
};
console.log(a.x);
console.log(b);

画图分析：
image.png

###案例分析4：函数等

var x = [12, 23];
function fn(y) {
    
    y[0] = 100;
    y = [100];
    y[1] = 200;
    console.log(y);
}
fn(x);
console.log(x);

画图分析：
image.png
创建函数：

1、开辟一个堆内存（在堆中开辟一个空间），有一个16进制的地址
2、存储内容：（1）：函数体中的代码当做字符串先存起来（2）：当做普通对象也会存一些键值对
3、创建函数的时候，声明了其作用域scope（创建函数所在的上下文）
4、把堆内存的地址放置哎栈中，供函数名（变量）使用

执行函数：

1、形成一个私有的执行上下文EC，然后进栈执行AO。。。
2、初始化作用域链
初始化this
初始化arguments参数集合
形参赋值（形参是私有变量&当前私有上下文中声明的变量也是私有变量）
变量提升
代码执行
3、根据情况，决定当前形成的私有上下文是否会出栈释放（一般都会出栈释放）
###案例分析5：

let x = 5;
function fn(x) {
    
    return function (y) {
    
        console.log(y + (++x));
    }
}
let f = fn(6);
f(7);
fn(8)(9);
f(10);
console.log(x);

画图分析：
image.png
函数执行，产生一个私有的上下文，然后进栈
1、当函数执行完，一般情况下，当形成的上下文都会被释放掉（优化栈内存）：上下文被释放，之前存储的私有变量也会被释放
2、但是如果当前上下文中的某些东西（一般都是堆内存），被当前上下文以外的事物所占用，则当前上下文不能出栈释放：之前声明的私有变量也都被存储起来
市面上：会把不被释放的上下文称为“闭包”

闭包是一种机制，函数执行产生的上下文，一方面可以保护里面的私有变量不被污染，另一方面如果不被释放，私有的变量及相关信息也都会保存起来，我们把这种“保护”+ “保存”的机制，称为闭包

堆内存释放的问题：
如果当前的堆被占用了（地址被引用了）则不能被释放，如果不被引用，浏览器会在空闲时间释放它

浏览器的垃圾回收机制—GC

  • 引用计数 （被占用一次计数累加一，当取消运用再减一）当减到零的时候，会把其释放
  • 引用检测 标记清楚 （被占用后做一个标记，当移除引用，取消标记，在浏览器空闲的时候，会把所有未标记的内存回收）

##案例分析6：

let a=0,
   b=0;
function A(a){
    
   A=function(b){
    
       alert(a+b++);
   };
   alert(a++);
}
A(1);
A(2);

画图分析：
image.png
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/st521314mt/article/details/116917287

智能推荐

循序渐进学Oracle之函数（重点）-程序员宅基地

单行函数—字符函数虽然各个数据库都是支持SQL语句的，但是每一个数据库也有每一个数据库自己所支持的操作函数，这些就是单行函数，而如果要想进行数据库开发的话，除了要会使用SQL之外，就是要多学习函数。单行函数主要分为以下五类：字符函数、数字函数、日期函数、转换函数、通用函数；1-字符函数：字符函数的功能主要是进行字符串数据的操作，下面给出几个字符函..._oracle 函数循序

Redis5 cluster人工指定主从关系_redis cluster 指定master-程序员宅基地

Redis5 cluster手动指定主从关系创建配置文件最小配置port 6379cluster-enabled yes 启动集群cluster-config-file nodes.conf 节点信息，自动生成cluster-node-timeout 5000 超时时间appendonly yes 持久化**建议..._redis cluster 指定master

前后分离的 springboot 上传文件 图片_fhadmin框架图片上传-程序员宅基地

1.application.properties#上传文件大小限制spring.servlet.multipart.max-file-size=500MBspring.servlet.multipart.max-request-size=500MB2.前端 //上传 uploadServer: function (){ todata.a..._fhadmin框架图片上传

使用CentOS7安装自己的JDK1.8、tomcat、mysql-程序员宅基地

https://blog.csdn.net/hui_2016/article/details/69941850

Unity通过脚本代码添加EventTrigger事件和监听、UI控件的事件持久监听_unity eventtrigger事件动态绑定-程序员宅基地

Unity通过脚本代码添加EventTrigger事件和监听/// <summary>/// 为EventTrigger添加事件及事件监听。/// </summary>/// <param name="obj"&g_unity eventtrigger事件动态绑定

NTRUSign_pqntrusign-程序员宅基地

什么是NTRUSign1NTRUSIGN [15] is a special instantiation of GGH with the compact lattices from the NTRU encryption scheme [12], which we briefly recall: we refer to [4,15] for more details. In the NTRU standards [4] being considered by IEEE P1363.1 [19], on._pqntrusign

随便推点

我的Delphi开发经验谈（转）-程序员宅基地

--2010年09月28日 星期二 下午 05:26我的Delphi开发经验谈--------开发环境--------Delphi 7是一个很经典的版本，在Win2000/XP下推荐安装Delphi 7来开发软件，在Vista下推荐使用Delphi 2007开发软件。安装好Delphi 7后，应立即安装Delphi 7 Update Pack 1，Delphi 2007则建议尽..._madcollection

【NOI2015】程序自动分析 并查集_noi 并查集-程序员宅基地

题目链接https://www.luogu.org/problem/P1955分析很显然可以用并查集来维护关系；先处理相等关系再处理不等关系；对于相等关系则合并，对于不等关系，若两个操作数已在同一集合则无法满足；数据范围过大需要离散化，此题不可以像关押罪犯那样用补集维护不等关系。AC代码#include <cstdio>#include <algorithm>..._noi 并查集

oracle 常用函数-程序员宅基地

ORACLE常用的函数迁移时间：2017年6月1日17:27:48Author:Marydon1.TO_CHAR()--转换成字符串类型数据TO_CHAR(T1.FPAYDATE, 'yyyy-MM-dd')　　UpdateTime--2017年6月20日10:46:05　　参考地址：http://blog.csdn.net/jinlong5200/art..._oracle dl ds ts

通过SVG实现彩票数据走势图_svg生成趋势图-程序员宅基地

主要通过html、css、js、svg等实现了彩票的数据走势图，主要利用空闲时间学习了下，请勿作为他用！svg.js 下载:https://download.csdn.net/download/songanshu/11863230<!DOCTYPE html><html> <head> <meta charset="utf-8">..._svg生成趋势图

C++11随机数生成器，椒盐噪声图像生成_std::uniform_int_distribution 0,1-程序员宅基地

C++11提供的<random>实现了随机数库，它通过随机数引擎类（random_number_engines)产生随机数序列，随机数分布类（random_number_distribution)使用随机数引擎生成服从特定概率分布的随机数。以此方法在图像上生成椒盐噪声void getnois(cv::Mat output,int n) { //n为生成噪声的个数 std::default_random_engine e; std::uniform_int_distribution_std::uniform_int_distribution 0,1

websocket 与 socket 非阻塞通信-程序员宅基地

记录一下import selectimport socketimport threadingfrom flask import Flaskfrom flask_sockets import Socketsfrom gevent import pywsgifrom geventwebsocket.handler import WebSocketHandlerapp = Flask(__name__)sockets = Sockets(app)class Config(obj.

推荐文章

热门文章

相关标签