JavaScript上下文对象详细解析,ES3与ES6

已于 2023-03-25 11:15:56 修改
阅读量435 收藏 2
点赞数 1
分类专栏： JavaScript  scope this  文章标签： javascript
于 2023-03-17 13:07:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sxcsdsg/article/details/129618495
版权
本文详细介绍了JavaScript的执行上下文，包括全局上下文、函数上下文及其生命周期。讨论了变量对象（VO/AO）、作用域链的生成、this的指向以及在不同调用方式下的变化。内容涵盖了从代码预解析到执行环境栈的管理，以及函数调用时的作用域链更新。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

由于ES3与ES6全局上下文有区别,本文将会分别讲述ES3和ES6 各自的上下文对象
先讲的是ES3的, 需要注意的是ES3还不能使用let与const声明变量

一.JavaScript的上下文对象(Execution Context)

1.在JS代码执行前,会先对代码进行预解析,同时会生成一个上下文对象,也就是JS代码的执行环境

二.上下文对象类型

1.全局上下文对象,在代码载入浏览器时生成,在网页关闭后销毁

2.函数上下文对象,在函数调用时生成,在函数调用后销毁

3.Eval函数上下文

三.上下文对象的属性

  1. Variable Object

  1. VO对象是一个变量对象,当前作用域下的所有声明变量和函数声明都是VO对象的属性

  1. VO对象在全局作用域下就是window

  1. VO对象在函数作用域下叫做AO,我们不能访问到AO对象

  1. [[scope]]

  1. [[scope]]中所存储的是执行期上下文对象中VO(AO)的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链

  1. 任何执行上下文时刻的作用域, 都是由作用域链(scop

最低0.47元/天 解锁文章
js Object对象 执行上下文
amuist_ting的博客
09-02 218
字面量是用于表达源代码中一个固定值的表示法 字符串字面量 var str = 'hello' 数组字面量 var arr = [1,2,3,4] 对象字面量 var obj = { name:'test', age: 1 } 函数字面量 var fn = function() { console.log('你好'); } javascript中的对象分3种：内置对象、浏览器对象、自定义对象 ----javascript中的内置对象 Number | Array | Boolean | St
JS深入--词法作用域、执行上下文与闭包
yleave的博客
05-28 554
文章目录词法作用域执行上下文与词法环境闭包闭包练习作用域链REF   个人博客文章同步地址 词法作用域   JS 使用的是词法作用域（或称为静态作用域），函数的作用域在定义的时候就决定了，与词法作用域相对的是动态作用域，动态作用域会在运行时确定的。   一个《JS权威指南》中的例子： var scope = "global scope"; function checkscope(){ var scope = "local scope"; function f(){ retur
JS上下文对象
qq_43592587的博客
03-14 449
在js的学习中，我们已经不满足于仅了解js的基础知识，而是开始追求更深层次的学习。因为你会发现，仅了解js的基础知识，在开发项目的过程中是远远不够的。今天就来介绍一下在js执行过程中的一些相关内容了。 JavaScript运行环境 JavaScript的运行不是像C++，Java等编译语言编译后直接在操作系统上运行，因为它是脚本语言，运行时必须要借助引擎来运行，所以它可以在封装了引擎的环境下运行。...
javascript--上下文对象
xiaofan_sap的专栏
10-15 1896
在js中，代码总是有一个上下文对象(代码处在该对象内).上下文对象是通过this变量体现的。这个变量永远指向当前代码所处的对象内。<!--var obj={yes:function(){ this.val=true;};no:function(){ this.val=false;};}alert(obj.val==null);obj.yes(
js-----上下文对象（this）
weixin_52551539的博客
12-13 761
1、this（上下文对象）: this指向的是一个对象，这个对象我们称为函数执行的上下文对象 - 我们每次调用函数时，解析器都会将一个上下文对象（this)作为隐含的参数传递进函数。 -使用this来引用上下文对象，根据函数的调用形式不同，this的值也不同（this会指向不同的对象）。 - this的不同的情况： 1.以函数的形式调用时，this是window 2.以方法的形式调用时，...
09 - JavaScript的this问题
JayYuen的博客
10-21 3127
this 解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的 上下文对象。 根据函数的调用方式的不同，this会指向不同的对象：【重要】 1.以函数的形式调用时，this永远都是window。比如fun();相当于window.fun(); 2.以方法的形式调用时，this是调用方法的那个对象 3.以...
ES6技术实现与ES5对比：掌握未来的JavaScript
1. **箭头函数（Arrow functions）**：提供了一种简洁的函数写法，允许使用`=>`定义函数，没有自己的`this`、`arguments`、`super`或`new.target`，这些值都是从封闭执行上下文中获取。 2. **类（Classes）**：引入...
掌握ES6特性构建现代化JavaScript应用
箭头函数不会创建自己的this上下文，它会捕获其所在上下文的this值。 3. 模板字符串 (Template Strings) 模板字符串提供了一种简单的方式来嵌入表达式到字符串中。它们使用反引号(``)来定义字符串，并允许嵌入变量...
javascript对象模型
兰枫
07-05 900
javascript对象模型 文章目录javascript对象模型定义类1.字面式声明方式(也称为字面值创建对象。)2.ES6之前----构造器构造类3.ES6中的class关键字this的不同作用域高阶对象、高阶类、或称Mixin模式继承实现高阶对象实现 JavaScript是一种基于原型（Prototype）的面向对象语言，而不是基于类的面向对象语言。 C++、Java有类Class和实例In...
javascript 上下文对象
weixin_30810239的博客
04-22 100
from cssrain.com 在JavaScript中，代码总是有一个上下文对象，代码处于该对象之内。上下文对象是通过this变量来体现的。这个变量永远指向当前代码所处的对象中。 全局对象其实是window对象的属性。 接下来，我们看一个上下文对象的例子。 <script type="text/javascript">//定义一个对...
JavaScript 中的继承：ES3、ES5 和 ES6
weixin_33755557的博客
12-31 171
选择一种继承方式 JavaScript 是一门动态语言，动态意味着高灵活性，而这尤其可以体现在继承上面。JavaScript 中的继承有很多种实现方式，可以分成下面四类： Mixin 模式，即属性混入，从一个或多个对象中复制属性到新的对象中 方法借用模式，即通过 call 或 apply 实现方法的重用 原型模式，使用 Object.create 方法直接以一个对象为原型创造新的对象 类模式，实...
javascript的上下文对象
A5656665656556的博客
04-19 155
this,who are you?这个问题有时很重要。概括的来讲：this是个引用，永远指向当前代码所处的对象中。还有个需要注意的技巧：如何动态的改变这个this?也就是说我能规定this是谁吗？答案是可以的，你可以控制这件事。可以用call()函数和apply()函数。call()和apply()是Function.prototype对象中的方法，也就是说任何函数都有一个call和ap...
上下文对象
花花的技术博客
01-28 5697
一、上下文概念： 每一个Web Project，运行时都部署在Tomcat下，称为一个应用。 部署后，启动Tomcat时，Tomcat将为每一个应用创建一个对象，这个对象称之为上下文对象。 一个应用有且只有一个上下文对象，由容器创建，并保存在容器上。 二、上下文作用： 1.上下文对象类似一个全局变量，在整个应用中有效。 2.利用上下文对象，可以实现多个用户间的数据共享。 Servle
深入学习JavaScript系列（一）——ES6中的JS执行上下文
十九万里的博客
03-30 958
执行上下文是js中基础的概念，闭包，作用域等都由此展开，所以我也把他作为深入学习JavaScript系列的第一章，通过文章学习了执行上下文的相关概念，值得反复研读。在熟悉了执行上下文的概念，类型和创建，以及词法环境，变量环境原理之后，就可以继续下面的学习了。# 深入学习JavaScript系列（二）——作用域和作用域链参考一：# [译] 理解 JavaScript 中的执行上下文和执行栈参考二：# ES2018 最新 【译】理解Javascript中的执行上下文和执行栈。
精通Javascript 之 上下文对象
nabila的专栏
09-06 636
理解上下文对象是理解JS面向对象的基础。上下文对象是通过this变量体现的，这个变量永远指向当前代码所处的对象中，全局变量其实是window对象的属性。看一个上下文对象操作的简单的例子：//********************************************************* //在上下文对象内使用函数并将其上下文对象切换为另一个变量 //*************
Javascript上下文
weixin_30530523的博客
07-20 248
var User = { count: 1, getCount: function() { return this.count; } }; console.log(User.getCount()); var func = User.getCount; console.log(func()); 　　这种情况下，正确的答案是1和undefine...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值