执行上下文

最新推荐文章于 2022-03-13 09:59:52 发布
最新推荐文章于 2022-03-13 09:59:52 发布
阅读量158 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LWYYYYYY/article/details/102652382
版权

执行上下文

1.根据代码的位置不同可分为两类：
  * 全局代码
  * 函数代码

2. 全局执行上下文: window 对象
  * 在执行全局代码前将window确定为全局执行上下文
  * 对全局数据进行预处理
    * var定义的全局变量赋值为undefined, 添加为window的属性
    * function声明的全局函数==>赋值(fun)方法, 添加为window的方法
    * this==>赋值(window)
  * 开始执行全局代码

3. 函数执行上下文(不是一个对象, 可以理解为一块区域(栈)，因为函数执行结束，就消失了，不占用内存了)
  * 在调用函数, 准备执行函数体之前, 创建对应的函数执行上下文对象
  * 对局部数据进行预处理
    * 形参变量==>赋值(实参)==>添加为执行上下文的属性
    * arguments==>赋值(实参列表), 添加为执行上下文的属性
    * var定义的局部变量==>undefined, 添加为执行上下文的属性
    * function声明的函数 ==>赋值(fun), 添加为执行上下文的方法
    * this==>赋值(调用函数的对象)
  * 开始执行函数体代码

执行上下文栈

1. 在全局代码执行前, JS引擎就会创建一个栈来存储管理所有的执行上下文对象
2. 在全局执行上下文(window)确定后, 将其添加到栈中(压栈)
3. 在函数执行上下文创建后, 将其添加到栈中(压栈)
4. 在当前函数执行完后,将栈顶的对象移除(出栈)
5. 当所有的代码执行完后, 栈中只剩下window

 

李不烦
关注
专栏目录
JavaScript 改变原型指向及原型链关系
王佳斌
02-09 4561
引出 请先看一段简单的代码，后面根据此代码扩展引出 是否可以改变原型指向问题 ： // 构造函数(Person) function Person(name,age){ this.name = name this.age = age } // 构造函数(Animal) function Animal(name,age){ this.name = name this....
JS高级---原型链（一看就懂，但18岁以下请绕道）
热门推荐
一个前端小学生的博客
05-27 2万+
1）小明是小明妈生的，小狗是小狗妈生的。小明和小狗都是对象实例，而小明妈和小狗妈就是原型。原型也是对象，叫原型对象。      2）小明妈和小明爸啪啪啪能生出一堆小明明、小狗妈和小狗爸啪啪啪能生出一堆小狗狗，啪啪啪就是构造函数，俗称造人或造狗。      3）小明妈会记录啪啪啪的信息，所以可以通过小明妈找到啪啪啪的信息，也就是说能通过原型对象找到构造函数。     4）小明妈可以生很多宝宝，
js高级- 原型和原型链简单介绍
码上登堂的博客
10-12 124
万物皆对象，js中其实也是只有一种结构：对象。每个实例对象（object）都有一个私有属性（__proto__），同时指向它的构造函数的原型对象（prototype），该原型对象也有自己的原型对象（__proto__），层层向上直到一个原型对象为null，null没有原型，并作为这个原型链的最后一个环节。 在js中，几乎所有的对象都是位于原型链顶端的Object的实例中 const arr =[] arr.__proto__ === Array.prototype //true arr.__pr
JS高级-原型
weixin_45239190的博客
09-12 90
显式原型与隐式原型 1. 每个函数function都有一个prototype，即显式原型(属性) function Fn() { // 内部语句: this.prototype = {} } console.log(Fn.prototype) 2. 每个实例对象都有一个__proto__，可称为隐式原型(属性) 有两种：1)new Person() 产生 2)函数（一般不这样说）new Function产生 //创建实例对象 var fn = new Fn() // 内部语句
一篇文章弄懂javascript中的执行栈与执行上下文
12-09
作为一个前端开发人员，弄清楚JavaScript的执行上下文有助于我们理解js中一些晦涩的概念，比如闭包，作用域，变量提升等等。 执行栈 执行栈用于存储代码执行期间创建的所有执行上下文。具有FILO接口，也被称为调用...
深入理解JavaScript 中的执行上下文和执行栈
10-17
执行上下文分为三种类型：全局执行上下文、函数执行上下文和eval函数执行上下文。 全局执行上下文是程序的入口点，是默认的执行环境。在浏览器环境中，它会创建一个全局的window对象，并将`this`的值设置为这个全局...
Javascript执行上下文顺序的深入讲解
01-18
一 执行上下文? 1什么是执行上下文? 执行上下文就是当前的 JavaScript 代码被解析和执行时所在环境的抽象概念， JavaScript 中运行任何的代码都是在执行上下文中运行的. 2 执行上下文的类型 执行上下文分为三种类型:...
深入理解JavaScript系列(11) 执行上下文（Execution Contexts）
10-28
执行上下文分为全局执行上下文、函数执行上下文和eval代码执行上下文三种主要类型。 1. 全局执行上下文（Global Context）： - 全局执行上下文是执行环境的起始点，也是唯一一个在程序开始时就存在的执行上下文。...
跟我学习javascript的执行上下文
11-25
它分为全局执行上下文、函数执行上下文和`eval`执行上下文。全局上下文是默认的代码运行环境，当代码加载时，JavaScript引擎首先进入的就是全局上下文。函数执行上下文在调用函数时创建，而`eval`执行上下文则在`...
JavaScript-高级-原型
NanChen的博客
09-19 243
我们创建的每个函数都有prototype(原型)属性，这个属性是一个对象，这个对象包含了特定类型的所有实例共享的属性和方法。 可以用prototype创建构造函数对象的原型对象，好处是让对象实例化共享它所包含的属性和方法 意思就是可以不用在构造函数中定义对象，直接把信息添加在原型对象中即可 如果是直接比较构造函数的地址返回的是FALSE，上章已说到，如果使用原型对象的方法创建地址是否一致？ <script> function Fn1(){}; Fn1.
JavaScript之函数的高级（一）原型
lyx9611的博客
06-03 210
原型（prototype） prototype是什么？怎么产生的？
关于js高级的原型介绍
Fos_wanQing的博客
11-09 342
羽则左键
JavaScript高级之原型
二木成林
03-13 1364
显式原型与隐式原型
JS高级--原型以及原型链
果车的博客
10-05 278
一、原型 1.什么是原型？ 原型是JS中继承的基础，JS的继承就是基于原型的继承。 2.几个基本定义 （1）每个函数都有一个prototype属性，它默认指向一个空的Object对象（称为原型对象） （2）原型对象里面有一个constructor属性，它指向函数对象 代码展示： （3）图示： 注：函数名叫Type ，prototype是其属性，Type.prototype指向的是Type的原型对象，原型对象里面有constructor属性constructor又指向的是Type。构造函数和函数对象之间是
JS中修改原型链继承
PrisonersDilemma的博客
05-16 1294
学习JS的继承需要对JS的原型链有一定了解： https://blog.csdn.net/PrisonersDilemma/article/details/89318495 之前学习了原型链，这里对原型链的继承总结一下。 文章目录 functionAnimal(){ this.name="this animal"; } Animal.prototype.eat= function (f...
JS高级（5）—— 原型与原型链
小R.的博客
11-20 261
一、函数的prototype属性 每个函数都有一个prototype属性，它默认指向一个Object空对象(即称为: 原型对象) console.log(Date.prototype, typeof Date.prototype) function Fun () { } console.log(Fun.prototype) // 默认指向一个Object空对象(没有我们的属性) 2. 原型对象中有一个属性constructor，它指向函数对象 console.log(Date.pr
JS高级(原型/函数)
qq_43021088的博客
09-20 1207
原型 Javascript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。这也就意味着，我们可以把所有对象实例需要共享的属性和方法直接定义在 prototype 对象上。 function Person (name, age) { this.name = name this.age = age } con...
JS原型与原型链
m0_47720236的博客
01-17 685
原型：prototype(显式原型) 函数上的一个属性，默认情况下是一个普通的object对象 注意： function a(){} var b = new a();//a没有prototype属性，因为不是函数 构造函数 constructor 原型上的一个属性，指向该原型对应的构造函数,值为函数体。 Object.prototype.constructor === Object true 隐式原型 proto 对象上的一个属性,默认情况下，指向创建该对象的构造函数的原型。 每个引用类型的隐式原
深入理解JavaScript执行上下文
"这篇文章主要介绍了JavaScript的执行上下文（Execution Context，简称EC），解释了执行环境的分类，包括全局上下文、函数上下文和Eval代码上下文，并详细阐述了执行上下文的创建阶段和执行阶段，以及执行上下文栈的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值