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

JS 执行上下文

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

4.1K41

前端day19-JS高级(函数调用的上下文模式)学习笔记

console.log(age);//35 02-函数调用的上下文模式 2.1-函数执行的上下文模式 作用:可以动态修改函数中的this指向 函数上下文的三个方法:call()、apply...)语法并不会立即执行函数,而是返回一个修改指向后的新函数,常用于回调函数 /* 2.函数上下文模式: 2.1作用...本小节知识点 函数属于对象,它也会有一些默认属性: 1.caller属性:获取调用当前函数的引用(谁调用了我) a.如果函数A中调用了函数B,那么函数B的caller就是函数A b.如果在全局调用函数...A,相当于window.fn2(),那么函数A的caller就是null 2.length属性:获取函数形参的个数 3.name属性:获取函数名 4.arguments属性:获取所有的实参 疑惑:arguments.../1.函数名.caller:获取调用函数的引用(我在哪被调用了) /* a.如果在函数B中调用函数A:则函数A的caller就是函数B

1.2K10

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

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

8010

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 解释器在遇到非匿名的立即执行函数时,会创建一个辅助的特定对象,然后将函数名称作为这个对象的属性,因此函数内部才可以访问到

88820

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函数

函数定义        函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块;       函数就是包裹在花括号中的代码块       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学习系列 05 - 执行上下文

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

95330

JS执行上下文与调用栈

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

1.5K10

JS魔法堂:函数重载 之 获取变量的数据类型

Brief                                 有时我们需要根据入参的数据类型来决定调用哪个函数实现,就是说所谓的函数重载(function overloading)。...因为JS没有内置函数重载的特性,正好给机会我们思考和实现一套这样的机制。...也就是仅支持JS语言规范和宿主环境提供的对象类型而已,而自定义的对象类型是无法存储在[[Class]]中。...只能说直接没辙,要不在构造函数上添加个函数属性来保存(如Foo.className="Foo"),要不自己构建一个类工厂搞定。...{Any} object - 获取数据类型的对象 * @param {Function} [getClass] - 用户自定义获取数据类型的方法 * @returns {String} 数据类型名称

2.4K80

JS数组at函数(获取最后一个元素的方法)介绍

本文介绍js中数组的at函数,属于比较简单的知识普及性文章,难度不大。 0x00 首先,我们可以思考如下一个问题,如果要获取一个数组的最后一个元素(这是很常用的操作),我们应该怎么做?...相信大部分人能够想到的代码是这样的: let last = array[ array.length - 1]; 嗯,这是最常用的获取数组最后一个元素的方式,依此类推获取倒数第二个,第三个的方式类似。...当然除了这种方式之外,还有其他的方式,比如: let last = array.slice(-1)[0] 先通过slice获取后面一个元素的数组,然后通过下标0获取最后一个元素。...这就让人羡慕python里面的数组操作,可以通过负索引的方式获取最后一个元素,代码如下: last = array[-1] js里面不支持负索引的方式。...不过es6新增了一个at方法,可以获取数组的指定索引的元素,并且支持负索引。负索引从后往前计算,-1表示最后一个,-2 表示倒数第二个,依此类推。 因此试用此方法获取最后一个元素会变得简单很多。

4.5K30

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

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

99470

JS词法环境和执行上下文

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

1.3K30

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券