JS_14 执行上下文与执行上下文栈

最新推荐文章于 2023-04-21 09:43:49 发布

Junebao

最新推荐文章于 2023-04-21 09:43:49 发布

阅读量110

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/zjbyough/article/details/95243946

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

执行上下文和执行上下文栈

变量提升和函数提升

变量提升
- 所用使用var定义的变量，在程序运行前会被先定义，并赋初值为underfind，保存到其执行上下文中
函数提升
- 在调用函数，执行函数体之前，会先执行函数定义，初值为函数对象
先执行变量提升，在执行函数提升

执行上下文

全局执行上下文
1. 将window确定为全局执行上下文
2. 对全局数据进行预处理
- var定义的变量
- function
- this指向window
1. 执行全局代码
函数执行上下文
1. 在栈中创建虚拟对象，作为函数执行上下文（入栈）
2. 对函数局部变量进行预处理
- 形参赋值为实参，添加为函数执行上下文的属性
- 为argument赋值，添加为函数执行上下文的属性
- var定义的变量提前
- function提前
- this指向函数执行上下文
1. 执行函数
2. 释放上下文对象（出栈）

执行上下文栈

管理和保存所有的执行上下文对象

 var c = 1
  function c(c){
    c = 2
    console.log(c)
  }
c(5)  // 05.js:31 Uncaught TypeError: c is not a function at 05.js: 31

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Junebao

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JavaScript语法函数高级之执行上下文和执行上下文栈

Science Explorer

08-30

2232

一、执行上下文 1、理解执行上下文 广义上来说：执行上下文一套非常严格的规则狭义上来说：执行上下文一个c++对象 2、定义：执行上下文以一套非常严格的规则，规范变量存储、提升、this指向。 3、分类：全局执行上下文；函数执行上下文 3、作用：对数据进行预处理 4、如何计算执行上下文环境的个数？ n+1 n:函数调用的...

【Javascript】图解JS中执行上下文与执行栈

发果叁

10-17

482

今天我们更深入地讲述了类型转换的诸多细节，除了这一讲的简单题解之外，对于“+”号运算也做了一些补充。总地来讲，我们是在讨论 JavaScript 语言所谓“动态类型”的部分，但是动态类型并不仅限于此。也就是说 JavaScript 中并不仅仅是“类型转换”表现出来动态类型的特性。最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。

参与评论您还未登录，请先登录后发表或查看评论

JS 执行上下文与执行上下文栈

05-18

471

当代码在JS中运行时，执行代码的环境非常重要，并将概括为以下几点：全局代码——第一次执行代码的默认环境。函数代码——当执行流进入函数体时。 (…) —— 我们当作执行上下文，是当前代码执行的一个环境与范围。换句话说，当我们启动程序时，我们从全局执行上下文中开始。一些变量是在全局执行上下文中声明的。我们称之为全局变量。当一个程序调用函数时，会发生什么？以下几个步骤： js创建一个新的执行上下文，我们叫做本地执行上下文 这个本地执行上下文将有它自己的一组变量，这些变量将是这个执行上下文的本地变量。.

JavaScript中执行上下文和执行栈是什么？

yiyueqinghui的博客

02-25

772

一、执行上下文 1、是什么简单的来说，执行上下文是对Javascript代码执行环境的一种抽象概念，只要有Javascript代码运行，那么它就一定是运行在执行上下文中。 2、执行上下文的类型分为三种全局执行上下文：只有一个，浏览器中的全局对象就是 window对象，this 指向这个全局对象函数执行上下文：存在无数个，只有在函数被调用的时候才会被创建，每次调用函数都会创建一个新的执行上下文 Eval 函数执行上下文：指的是运行在 eval 函数中的代码，很少用而且不建议使用 3、例子紫色框.

深入理解js执行上下文与执行栈

小柒的前端之旅

08-30

638

前面的话理解执行上下文的类型与创建过程，对于理解js运行机制有极大的帮助。这篇文章将介绍执行上下文。什么是执行上下文？执行上下文是当前JavaScript代码被解析和执行时所在环境的抽象概念。执行上下文的类型执行上下文的类型有三种类型：全局执行上下文：只有一个，浏览器中的全局对象就是window对象，this指向这个全局对象。函数执行上下文：可以有无数个，只有在函数被调用的时候...

JS-执行上下文与执行上下文栈

RRRRRDong的博客

11-07

206

执行上下文与执行上下文栈 1.变量声明提升与函数声明提升 1）变量声明提升：使用var声明的变量，在定义语句之前就可以访问到，它的值为undefined。 2）函数声明提升：通过function（）声明的函数，在执行之前就可以访问到，它的值为函数定义（对象） —>两者执行顺序：先执行变量提升，再执行函数提升。一道例题： var a=3; function fn(){ con...

js_执行上下文（动态）与执行上下文栈

weixin_44915595的博客

11-25

470

每个上下文都有一个关联的变量对象。全局执行上下文：在执行全局代码前将window确定为全局执行上下文；对全局数据预处理；开始执行全局代码。函数执行上下文：在调用函数准备执行函数体之前，创建对应的函数执行上下文对象；对局部数据预处理；开始执行函数体代码。执行上下文栈：在全局代码执行前，JS引擎就会创建一个栈来存储管理所有的执行上下文对象；在全局上下文对象（window）确定后，将其入栈；在函数执行上下文对象创建后，压栈；当前函数执行完后，将栈顶对象出栈；当所有代码执行完后，栈中只剩下window。 .

深入理解JavaScript——执行上下文与调用栈

小陈的博客

11-16

851

在说一个概念前，我们需要确定它的前提，此文以 ECMAScript5 为基础撰写执行上下文可以理解为函数的执行环境，当函数执行时，都会创建一个执行环境每次只能有一个执行上下文处于运行状态，因为 JavaScript 是单线程语言，它由执行栈或（叫）调用栈来管理创建一个函数，就生成了一个作用域；调用一个函数，就生成一个作用域链执行上下文创建阶段分为绑定 this，创建词法环境，变量环境三步调用函数时，创建一个新的词法环境。

JavaScript中的执行上下文和执行栈

最新发布

neverlandkk的博客

04-21

362

没当引擎遇到一个新的函数调用，就会给新的函数创建一个新的执行上下文，然后把新的上下文压进栈顶，again and again。执行上下文是评估和执行JavaScript代码环境的抽象概念，但我们在JavaScript中所做的声明变量，声明函数，执行函数。所谓后进先出，先进先出不过是一种数据结构，而执行栈不过就是后进先出的数据结构，在这种数据结构下，才有了我们现在执行函数时候依次执行，有自己的作用域，this 指向。的函数都有自己的执行上下文，被调用时创建。一个函数被调用时，都会创建一个新的上下文。

一篇文章弄懂javascript中的执行栈与执行上下文

12-09

作为一个前端开发人员，弄清楚JavaScript的执行上下文有助于我们理解js中一些晦涩的概念，比如闭包，作用域，变量提升等等。执行栈执行栈用于存储代码执行期间创建的所有执行上下文。具有FILO接口，也被称为调用...

深入理解JavaScript 中的执行上下文和执行栈

10-17

JavaScript 是一种解释型的、基于原型的编程语言，其运行机制是通过执行上下文和执行栈来管理代码的执行过程。执行上下文是JavaScript引擎在处理代码时的一个关键概念，它定义了代码执行的环境，包括变量、函数、...

detail":"JSON parse error - Expecting value: line 1 column 1 (char 0)

面向对象的笔记

12-16

5388

detail":"JSON parse error - Expecting value: line 1 column 1 (char 0) 在调用接口时返回400错误，详情是 {detail":"JSON parse error - Expecting value: line 1 column 1 (char 0)"} 原因是传送数据的格式有问题，不要使用, contentType: 'appl...

JS_12 DOM

面向对象的笔记

07-09

325

DOM 操作 HTML DOM Document Object Model，文档对象模型，用js操作文档对象 [外链图片转存失败(img-Dygj4uK9-1562680086020)(image/domtree.gif)] 节点：构成网页最基本的部分，网页的每一部分都是一个节点文档节点：元素节点：属性节点：文本节点：事件：用户与浏览器的交互行为操作事件的两种办法：在属性中...

JS_11正则表达式和字符串方法

面向对象的笔记

07-09

313

正则表达式和字符串方法正则表达式创建正则对象构造函数字面量匹配模式 i：忽略大小写 m：多行匹配 g：全局匹配正则语法正则作用 /a/ 检查是否有a /a|b/ 检查是否有a或b {} 量词，如{1,3}匹配1到3次，{m,}匹配m次以上 + 至少一次 * 0或多次 ? {0,1} [] 或 [^] 除了… . 任意字符 ...

09_JS原型对象

面向对象的笔记

07-04

266

原型对象在构造函数中，同一类相同的方法可以直接写在构造函数里，但这样每实例化一个对象都会产生一个新的该方法，但其实这个方法都是一样的，这样会浪费大量空间，另外，可以将相同的方法写在构造函数外，这样虽然解决了空间浪费问题，但在全局作用域设置变量污染了命名空间，也不安全。这时可以将相同的属性和方法放在原型对象中。在JS中，我们所创建的每一个函数，解析器都会为他添加一个prototype属性，这...

08_JS工厂方法和构造函数

面向对象的笔记

07-04

234

工厂方法和构造函数工厂方法工厂方法用来批量产生对象 function CreatCar(name,prase){ // new 一个对象 var obj = new Object(); obj.name = name; obj.parse = prase; obj.print = function(){ console.log(this.name +" : ...

10_JS数组

面向对象的笔记

07-04

210

JS 数组以索引为键的对象，性能高于对象创建 new Array() var arr = Array() for(var i = 0;i<5;i++){ arr[i] = i; }; var arr = Array(1,2,3,4,5,6) 数组字面量 var arr = [2,3,4,5,6,7,8]; 不同：传入一个整数时，new把这个数当作数组长度，字面量当作一个...

01_JS语法

面向对象的笔记

07-04

174

JS语法严格区分大小写以;结尾，不写浏览器会自动加，但不准确，且会占用浏览器资源自动忽略多个空格和换行写在哪所有JS代码都必须依托网页运行内嵌写在html的script标签中 <script> // JS代码 </script> 事件写在某个html标签的事件中，耦合度高，不易管理 <a href="javascript:aler...

JS_13原型与原型链

面向对象的笔记

07-09

132

原型与原型链原型每一个函数都有一个属性：prototype,默认指向object空对象，就是原型对象,原型对象有一个constructor属性，指向函数对象每一个实例化对象都有一个属性 proto ,默认指向构造函数的原型对象（是构造函数原型对象的一个引用） var Fun = function(){ // console.log("构造函数") } console.log...

JavaScript执行上下文与执行栈深度解析

深入理解JavaScript的执行上下文和执行栈对于编写高效、可维护的代码至关重要。它们构成了JavaScript代码执行的基础框架，帮助开发者理解代码的运行顺序、作用域规则以及`this`的动态绑定。通过掌握这些核心概念，...