首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS 执行上下

程序代码中基本都会存在函数,那么调用函数,就会进入函数执行环境,对应就会生成该函数的执行上下文。 先插播一个知识点:JS是"单线程"! "单线程"! "单线程"!...JS中管理多个执行上下文 函数编程中,代码中会声明多个函数,对应的执行上下文也会存在多个。...因为JS执行中最先进入全局环境,所以处于"栈底的永远是全局环境的执行上下文"。...出栈入栈图解 执行上下文的生命周期 执行上下文的生命周期有两个阶段: 创建阶段(进入执行上下文) 执行阶段(代码执行) 创建阶段:函数被调用时,进入函数环境,为创建一个执行上下文,此时进入创建阶段。..."创建阶段函数声明做赋值,变量及函数表达式仅做声明,真正的赋值操作要等到执行上下文代码执行阶段。"

4.1K41

创业:路漫漫修远兮 吾将上下而求索 转

我想很多创业者来说,这也是很值得深究跟思考的。...,也是自己执行力的一种托词,做人做事都一样,按规矩办事最重要!”   ...然而在公司,我一直希望公司每个人做对的决定,说自己认为的话,没有谁上谁下的问题,只要是的事情,就该去争取,即使最后结果是失败的,自己想办法弥补跟解决。...对上,要懂得跟客户还有老板争取的方向;下,要懂得听专业者或是第一线作战者的建议,整个团队就会慢慢走往的方向。...也因此,即便与客户共同开发产品的过程中常常遇到问题,但是因为一起面对问题而培养出的好默契,才是产品的开发最大的福祉。

22420

JS学习系列 05 - 执行上下

根据顺序我们也可以看出来,想要理解作用域链,执行上下文是我们碰到的第一个坎。 这一章我们就来讨论一下到底什么是执行上下文。 1....定义 当 JS 引擎开始执行预编译生成的代码时,就会进入到一个执行上下文(Executable Code - 简称 EC)。...但是在逻辑上,我们可以将活动的执行上下文看成一个栈结构。栈底部永远是全局上下文(global context),而顶部就是当前活动的执行上下文。执行到当前代码时,上下文入栈,执行完毕后,上下文出栈。...可执行代码有几种 前面说到当引擎执行到可执行代码的时候,就会将当前上下文压入上下文栈中。那么可执行的代码又分为几种?...在这里,我们先假设定义执行上下文栈是一个数组: EC = []; 第一种可执行代码 -- 全局代码: 全局类型代码是在加载外部的 js 文件或者本地 标签中的代码。

7810

JS面试点-执行上下文详解

当执行 JS 代码时,会产生三种执行上下文 全局执行上下文 函数执行上下文 eval 执行上下文 每个执行上下文中都有三个重要的属性 变量对象(VO),包含变量、函数声明和函数的形参,该属性只能在全局上下文中访问...作用域链(JS 采用词法作用域,也就是说变量的作用域是在定义时就决定了) this var a = 10 function foo(i) { var b = 20 } foo() 对于上述代码,执行栈中有两个上下文...:全局上下文和函数 foo 上下文。...第一个阶段是创建的阶段(具体步骤是创建 VO),JS 解释器会找出需要提升的变量和函数,并且给他们提前在内存中开辟好空间,函数的话会将整个函数存入内存中,变量只声明并且赋值为 undefined,所以在第二个阶段...function foo() { foo = 10 console.log(foo) }()) // -> ƒ foo() { foo = 10 ; console.log(foo) } 因为当 JS

88220

JS学习系列 05 - 执行上下

根据顺序我们也可以看出来,想要理解作用域链,执行上下文是我们碰到的第一个坎。 这一章我们就来讨论一下到底什么是执行上下文。 1....定义 当 JS 引擎开始执行预编译生成的代码时,就会进入到一个执行上下文(Executable Code - 简称 EC)。...但是在逻辑上,我们可以将活动的执行上下文看成一个栈结构。栈底部永远是全局上下文(global context),而顶部就是当前活动的执行上下文。执行到当前代码时,上下文入栈,执行完毕后,上下文出栈。...可执行代码有几种 前面说到当引擎执行到可执行代码的时候,就会将当前上下文压入上下文栈中。那么可执行的代码又分为几种?...在这里,我们先假设定义执行上下文栈是一个数组: EC = []; 复制代码 第一种可执行代码 -- 全局代码: 全局类型代码是在加载外部的 js 文件或者本地 标签中的代码。

95330

JS执行上下文与调用栈

执行上下文的类型 JavaScript 中有三种执行上下文类型。 全局执行上下文 — 这是默认或者说基础的上下文,任何不在函数内部的代码都在全局上下文中。...一个程序中只会有一个全局执行上下文。 函数执行上下文 — 每当一个函数被调用时, 都会为该函数创建一个新的上下文。每个函数都有它自己的执行上下文,不过是在函数被调用时创建的。函数上下文可以有任意多个。...调用栈列表: - greeting 10.当 greeting() 函数中的所有内容都执行完之后,返回到它的调用行继续执行其余的JS代码。 11.把 greeting() 方法从调用栈列表中删除。...(这里的标识符指的是变量/函数的名字,而变量是实际对象[包含函数类型对象]或原始数据的引用)。 现在,在词法环境的内部有两个组件:(1) 环境记录器和 (2) 一个外部环境的引用。.../ 在这里绑定标识符 } outer: } } 变量环境: 它同样是一个词法环境,环境记录器持有变量声明语句在执行上下文中创建的绑定关系

1.5K10

css 元素在文档中的排列的影响

文档中元素的排列主要是根据层叠关系进行排列的;   形成层叠上下文的方法有:     1)、根元素     2)、position 的属性值为: absolute | relative,且 z-index...mask-image、mask-border ;     9)、perspective 值不为 isolate 的元素;     10)、will-change 中指定了任意 css 属性,即便没有直接指定这些属性的值...;     11)、-webkit-overflow-scrolling 属性设置为 touch 的元素; z-index   z-index 只使用于定位的元素,非定位元素无效,它可以被设置为正整数...如果父级层叠上下文的层叠等级低于另一个层叠上下文的,那么它 z-index 设的再高也没用; 层叠顺序   层叠顺序(层叠次序、堆叠顺序)描述的是元素在同一个层叠上下文中的顺序规则,从底部开始,共有七种层叠顺序...,是用于布局块级盒子的一块渲染区域,相对的还有 IFC (inline Formattion Context) 内联格式化上下文;   一个 BFC 的范围包含创建该上下文元素的所有子元素,但不包括创建的新

1.7K20

JS词法环境和执行上下

如果要成为一名优秀的JS开发者,那么JavaScript程序的内部执行原理要有所了解。本文以最新的ECMA规范中的第八章节为基础,理清JavaScript的词法环境和执行上下文的相关内容。...而执行栈(Execution Context Stack)是用来管理执行期间创建的所有执行上下文的数据结构,它是一个LIFO(后进先出)的栈,它也是我们熟知的JS程序运行过程中的调用栈。...console.log('bar', isNaN(undefined)) } bar() console.log('foo') } foo()当这段JS...将全局执行上下文压入执行栈,通常JS引擎都有一个指针running指向栈顶元素:图片JS引擎会将全局范围内声明的函数(foo)初始化在全局上下文中,之后开始一行行的执行代码,运行到console就在running...总结本文关于执行上下文的理论知识比较多,不容易马上吸收理解,建议你逐渐消化、反复阅读理解。当你熟悉了执行上下文和词法环境,相信去理解认识更多JS特性和概念时,会更加轻松容易。

1.2K30

JS the Hardcore: 执行上下文(Execution Context)

类似,EC 就是一段代码涉及到的场景,在代码运行之前,js engine 会做一些变量内存分配,代码上下文关联的准备工作,这就是 EC。...编程语言来说,给变量赋值,获取变量的值,是需要解决的基本问题,Javascript 当然也不例外。 EC 中会给变量分配一个存储空间,与之对应的数据结构称作 enviroment。...由于所有的 js 代码都存在于全局环境中,所以首先会创建 「全局执行上下文」(Global Execution Context),除此之外,js 中每一次的函数调用也会生成 EC,所以栈底肯定会是 全局执行上下文...variable, function expression, function declaration, }, } 在 EC 创建之后,js...代码执行到 ln 09 时,因为是函数的调用,会创建一个新的执行上下文,并置为「当前执行上下文」: foo Execution Context = { this: window,

99370
领券