首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS 执行上下文

JavaScript中执行环境 全局环境 函数环境 eval函数环境 (已不推荐使用) 那么与之对应的执行上下文类型同样有3种: 执行上下文的类型 全局执行上下文 函数执行上下文 eval函数执行上下文...程序代码中基本都会存在函数,那么调用函数,就会进入函数执行环境,对应就会生成该函数的执行上下文。 先插播一个知识点:JS是"单线程"! "单线程"! "单线程"!...JS中管理多个执行上下文 函数编程中,代码中会声明多个函数,对应的执行上下文也会存在多个。...因为JS执行中最先进入全局环境,所以处于"栈底的永远是全局环境的执行上下文"。...函数声明,变量声明,函数表达式的优先级 函数声明,如果有同名属性,会替换掉 变量,函数表达式 函数声明优先 > 变量,函数表达式 执行上下文的数量限制(堆栈溢出) 执行上下文可存在多个,虽然没有明确的数量限制

4.1K41
您找到你想要的搜索结果了吗?
是的
没有找到

JS学习系列 05 - 执行上下文

定义 当 JS 引擎开始执行预编译生成的代码时,就会进入到一个执行上下文(Executable Code - 简称 EC)。...在这里,我们先假设定义执行上下文栈是一个数组: EC = []; 第一种可执行代码 -- 全局代码: 全局类型代码是在加载外部的 js 文件或者本地 标签中的代码。...程序启动后进入初始化全局环境: EC = [ globalContext ]; 第二种可执行代码 -- 函数代码: 当定义的函数被执行时,就进入了函数代码,当前函数上下文被压入 EC 栈中。...注意,当函数没有明确指明 return 什么的时候,默认 return undefined 。 如果有抛出的异常没有被截获的话,也有可能从一个或多个执行上下文中退出。...第三种可执行代码 -- eval 代码: eval 函数在调用的时候会产生上下文

8610

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

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

89320

JS函数

(){ console.log("hello js") } sayHello() 参数 形式参数 : 在函数声明时, 设置的参数。...//带参数的函数声明 function 函数名(形参1, 形参2, 形参...){ //函数体 } //带参数的函数调用 函数名(实参1, 实参2, 实参3); 计算2个数的和 ...函数作用域 :在 函数内的区域 叫做函数作用域,在函数作用域内声明的变量叫做局部变量 ,局部变量只有在当前函数内才能访问到。...预解析 js执行代码分为两个过程: 预解析过程(变量与函数提升) 代码一行一行执行 console.log(num); var num = 1 console.log(num) 预解析过程 把var声明的变量提升到当前作用域最前面...把函数声明提升到当前作用域的最前面。 如果函数同名 , 后者会覆盖前者 。 如果var声明的和函数声明的同名, 函数优先。

11.1K40

JS执行上下文与调用栈

每当 JavaScript 代码运行时,它都在执行上下文中运行;调用栈则可以在脚本调用多个函数时,跟踪每个函数在完成执行时应该返回的控制点。 什么是执行上下文?...执行上下文的类型 JavaScript 中有三种执行上下文类型。 全局执行上下文 — 这是默认或者说基础的上下文,任何不在函数内部的代码都在全局上下文中。...一个程序中只会有一个全局执行上下文函数执行上下文 — 每当一个函数被调用时, 都会为该函数创建一个新的上下文。每个函数都有它自己的执行上下文,不过是在函数被调用时创建的。函数上下文可以有任意多个。...调用栈列表: - greeting 10.当 greeting() 函数中的所有内容都执行完之后,返回到它的调用行继续执行其余的JS代码。 11.把 greeting() 方法从调用栈列表中删除。...在函数执行上下文中, this 的值取决于该函数是如何被调用的。

1.5K10

JS学习系列 05 - 执行上下文

定义 当 JS 引擎开始执行预编译生成的代码时,就会进入到一个执行上下文(Executable Code - 简称 EC)。...在这里,我们先假设定义执行上下文栈是一个数组: EC = []; 复制代码 第一种可执行代码 -- 全局代码: 全局类型代码是在加载外部的 js 文件或者本地 标签中的代码。...程序启动后进入初始化全局环境: EC = [ globalContext ]; 复制代码 第二种可执行代码 -- 函数代码: 当定义的函数被执行时,就进入了函数代码,当前函数上下文被压入 EC...注意,当函数没有明确指明 return 什么的时候,默认 return undefined 。 如果有抛出的异常没有被截获的话,也有可能从一个或多个执行上下文中退出。...第三种可执行代码 -- eval 代码: eval 函数在调用的时候会产生上下文

95930

JS函数

函数定义        函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块;       函数就是包裹在花括号中的代码块       function 函数名()       {        ...这里是要执行的代码      } 二 函数的声明和调用    函数的声明必须使用关键字function    关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数    函数本身不会自动运行...,只有当调用该函数时,才会执行函数内的代码    函数可以通过其名字加上括号中的参数进行调用 三 带有返回值的参数      使用return 语句来返回值 可以将返回值赋值给一个变量,然后对变量进行操作...四 arguments对象    在函数代码中,使用特殊对象 arguments存储函数调用传递给该函数的所有参数   可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length...sun+=arguments[i]; } return sun; } var s= sum(2,3,4,5);//虽然sum函数时没有参数的

5.2K20

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

类似,EC 就是一段代码涉及到的场景,在代码运行之前,js engine 会做一些变量内存分配,代码上下文关联的准备工作,这就是 EC。...由于所有的 js 代码都存在于全局环境中,所以首先会创建 「全局执行上下文」(Global Execution Context),除此之外,js 中每一次的函数调用也会生成 EC,所以栈底肯定会是 全局执行上下文...如果把 EC 视为作一个抽象对象,那这个对象包含了代码相关的 this、enviroment(存储标识符包括变量声明、函数声明、函数表达式的数据结构)和一个指向外部 enviroment 的指针。...variable, function expression, function declaration, }, } 在 EC 创建之后,js...代码执行到 ln 09 时,因为是对函数的调用,会创建一个新的执行上下文,并置为「当前执行上下文」: foo Execution Context = { this: window,

99770

JS词法环境和执行上下文

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

1.3K30

JS执行上下文作用域闭包

一、执行上下文 单线程 同步执行,只有栈顶的上下文处于执行中,其他上下文需要等待 全局上下文只有唯一的一个,它在浏览器关闭时出栈 函数的执行上下文的个数没有限制 每次某个函数被调用,就会有个新的执行上下文为其创建...,即使是调用的自身函数,也是如此。...—— return 2、函数作用域 js没有块级作用域,而有函数作用域。 函数作用域是指:在函数内声明的所有变量在函数体内是始终可见的。...---- 三、闭包 什么是闭包 参考:学习Javascript闭包(Closure)——阮一峰 有权访问另一个函数作用域中的变量的函数 定义在一个函数内部的函数   function f1(){     ...,this 等于window 函数被作为某个对象的方法调用时,this等于那个对象 匿名函数执行环境具有全局性,this指向window (可以通过call()或apply()改变函数执行环境)

1.3K30

稳扎稳打JS——执行上下文

上下文环境的初始化在代码执行前完成 JS有三种作用域:全局作用域、函数作用域、eval作用域(不常用,不做介绍)。...在JS代码执行前,首先会对这三种作用域进行上下文环境的准备工作,准备内容如下: 全局作用域的上下文准备工作 将全局变量设为undefined 将函数表达式的值设为undefined 为函数声明直接赋值...将window对象赋给this 函数作用域的上下文准备工作 确定自由变量的作用域 为函数的参数和arguments对象赋值 将局部变量的值设为undifined 将函数表达式的值设为undifined...this的是在JS运行时才能确定,而全局作用域中的this在准备上下文环境的时候就确定了(window)。...因为在代码运行前的准备上下文环境过程中,函数的初始化已经完成,所以运行时无论函数调用语句在哪儿,JS编译器都能调用这个函数。 若采用函数表达式来定义函数,则函数定义一定要在函数调用语句之前!

1.1K70

JS 中 this上下文对象的使用方式

二、函数调用 直接调用一个函数,this 默认会指向全局 (浏览器端为window) var name = 'name1'; function sayName(){ console.log(name...像这些类似匿名的函数,默认都是被全局(浏览器下的window)对象调用,要正确地让obj调用,就要指代好 可以用that保持this再进行下一步,或者匿名函数传值,或者使用call/apply/bind... this将会被 显式设置为函数调用的第一个参数。...可以看到,如果函数倾向于和 new 关键词一块使用,则我们称这个函数为构造函数,当new 了之后,this则指向这个心创建的对象(这个new 的过程其实也涉及到了继承机制)。...若直接调用这个函数,this就默认执行全局对象了。

1.8K10

【说站】Js如何存储执行上下文

Js如何存储执行上下文 1、执行上下文存在于数据栈中。该栈保存代码运行是创建的所有上下文。 栈的特点是后进先出,每创建一个新的上下文,就会压入栈的顶部。...当函数执行完成时,上下文从栈中弹出,控制过程到达栈中的下一个上下文。 2、当js引擎第一次触摸脚本时,它将创建一个全局的上下文,并将其压入栈中。...实例 // 创建全局上下文,入上下文执行栈 var name = 'globalName'; function F1() {   // 第一阶段进行后   // 这里this指向window   // ...// 创建F1上下文,入上下文执行栈 F1(); // F1出栈 // 全局上下文出栈 以上就是Js存储执行上下文的方法,希望对大家有所帮助。...更多js学习指路:js教程 收藏 | 0点赞 | 0打赏

97230
领券