位置: 编程技术 - 正文

浅析JavaScript作用域链、执行上下文与闭包(javascript设计的初衷和特点)

编辑:rootadmin

推荐整理分享浅析JavaScript作用域链、执行上下文与闭包(javascript设计的初衷和特点),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:细说javascript,javascript设计的初衷和特点,简述javascript,javascript的作业,简述javascript的作用,简述javascript的作用,javascript的作业,简述javascript,内容如对您有帮助,希望把文章链接给更多的朋友!

闭包和作用域链是JavaScript中比较重要的概念,这两天翻阅了一些资料,把相关知识点给大家总结了以下。

JavaScript 采用词法作用域(lexical scoping),函数执行依赖的变量作用域是由函数定义的时候决定,而不是函数执行的时候决定。以下面的代码片段举例说明,通常来说(基于栈的实现,如 C 语言) foo 被调用之后函数内的本地变量 scope 会被释放,但是从词法上看 foo 的内嵌匿名函数中 scope 应该指的是 foo 的本地变量 scope ,并且实际上代码的运行结果跟词法上的表达式一致的,f 被调用之后返回的是local scope。函数对象 f 在其主体函数 foo 调用结束之后,依然保持着 foo 函数体作用域变量的引用,这就是所谓的闭包 。

那么闭包到底是如何工作的呢?了解闭包首先需要了解变量作用域和作用域链,另外一个重要的概念是执行上下文环境。

变量作用域

JavaScript 中全局变量拥有全局的作用域,函数体内申明的变量的作用域是整个函数体内,是局部的,当然也包括函数体内定义的嵌套函数。函数体内局部变量的优先级高于全局变量,如果局部变量与全局变量重名,全局变量会被局部变量掩盖;同样嵌套函数内定义的局部变量的优先级高于嵌套函数所在函数的局部变量。这简直是显而易见的,几乎所有人都了解。接下来谈谈可能大家比较陌生的。

函数声明提升

用一句话来说明函数申明提升,指的是函数体内部申明的变量再整个函数内有效。也就是说,就是在函数体最底部申明的变量,也会被提升到最顶部。举个例子:

第一个console.log(scope)会打印出undefined而不是global scope,是因为局部变量的申明被提升了,只是还未赋值。

作为属性的变量

在 JavaScript 中,有三种定义全局变量的方式,如下示例代码中的 globalVal1 、globalVal2 和 globalValue3 。一个有趣的现象是,实际上全局变量仅仅只是全局对象 window/global (在浏览器中是 window,在 node.js 中是 global)的属性而已。为了更加符合通常意义的变量定义, JavaScript 把用 var 定义的全局变量,设计成了不可删除的全局对象属性。 通过Object.getOwnPropertyDescriptor(this, 'globalVal1')可以得到,其 configurable 属性为 false 。

浅析JavaScript作用域链、执行上下文与闭包(javascript设计的初衷和特点)

那么问题来了,函数体内定义的局部变量是不是也作为某个对象的属性呢?答案是肯定的。这个对象是跟函数调用相关的,在 ECMAScript 3中称为“call object”、ECMAScript 5中称为“declaravite environment record”的对象。这个特殊的对象对我们来说是一种不可见的内部实现。

作用域链

从上一节我们知道,函数局部变量可与看做是某个不可见的对象的属性。那么 JavaScript 的词法作用域的实现可以这样描述:每一段 JavaScript 代码(全局或函数)都有一个跟它关联的作用域链,它可以是数组或链表结构;作用域链中的每一个元素定义了一组作用域内的变量;当我们要查找变量 x 的值,那么从作用域链的第一个元素中找这个变量,如果没有找到者找链表中的下一个元素中查找,直到找到或抵达链尾。了解作用域链的概念对理解闭包至关重要。

执行上下文

每段 JavaScript 代码的执行都与执行上下文绑定,运行的代码通过执行上下文获可用的变量、函数、数据等信息。全局的执行上下文是唯一的,与全局代码绑定,每执行一个函数都会创建一个执行上下文与其绑定。JavaScript 通过栈的数据结构维护执行上下文,全局执行上下文位于栈底,当执行一个函数的时候,新创建的函数执行上下文将会压入栈中,执行上下文指针指向栈顶,运行的代码即可获得当前执行的函数绑定的执行上下文。如果函数体执行嵌套的函数,也会创建执行上下文并压入栈,指针指向栈顶,当嵌套函数运行结束后,与它绑定的执行上下文被推出栈,指针重新指向函数绑定的执行上下文。同样,函数执行结束,指针会指向全局执行上下文。

执行上下文可以描述成式一个包含变量对象(对应全局)/活动对象(对应函数)、作用域链和 this 的数据结构。当一个函数执行时,活动对象被创建并绑定到执行上下文。活动对象包括函数体内申明的变量、函数、arguments 等。作用域链在上一节以及提到,是按词法作用域构建的。需要注意的是 this 不属于活动对象,在函数执行的那一刻就以及确定。执行上下文的创建是有特定的次序和阶段的,不同阶段有不同的状态,具体的细节可以看一下参考资料,在结尾部分会列出。

闭包

了解了作用域链和执行上下文,回过头看篇首的那段代码,基本上就可以解释闭包式如何工作了。函数调用的时候创建的执行上下文以及词法作用域链保持函数调用所需要的信息, f 函数调用之后才可以返回local scope。

需要注意的是,函数内定义的多个函数使用的是同一个作用域链,在使用 for 循环赋值匿名函数对象的场景比较容易引起错误,举例如下:

arr[0].func()返回的是 而不是 0,跟感官上的语义有偏差。在 ECMAScript 6 引入 let 之前, 变量作用域范围是在整个函数体内而不是在代码区块之内,所以上面的例子中所有定义的 func 函数引用了同一个作用域链在 for 循环之后, i 的值已经变为 。

正确的做法是这样:

以上内容给大家介绍了JavaScript作用域链、执行上下文与闭包的相关知识,希望对大家有所帮助。

理解javascript中的严格模式 一、什么是严格模式我们平时写的JavaScript代码一般都运行在正常模式中的,除了正常运行模式,ECMAscript5添加了第二种运行模式:严格模式(strictmode)

基于JavaScript判断浏览器到底是关闭还是刷新(超准确) 本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文:页面加载时只执行onload页面关闭时只执行onunload页面刷新时先执行onbefo

基于JavaScript实现动态添加删除表格的行 又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对

标签: javascript设计的初衷和特点

本文链接地址:https://www.jiuchutong.com/biancheng/381694.html 转载请保留说明!

上一篇:js格式化输入框内金额、银行卡号(js格式化输出数字)

下一篇:理解javascript中的严格模式(js怎么理解)

  • 去年所得税汇算清缴补所得税
  • 股东如何收回投资
  • 非盈利组织减免的增值税怎么做账
  • 公司购买煤炭的会计分录
  • 转出未交增值税是借方还是贷方
  • 财政拨款收入年底结转到本期盈余
  • 独立核算分公司注销与总公司账务
  • 金税三期报税软件
  • 加计扣除退回的所得税怎么做账
  • 商品入库时的会计分录
  • 预售房提前还款需要去解押吗
  • 期末留抵税额大于销项税额本月还需要计提吗
  • 法律关系的内容是指
  • 残保基金属税金怎么算
  • 土地增值税四级税率表
  • 退回来的税怎么做账务处理
  • 去年红字发票怎么做账
  • 开出销项负数发票怎么做账
  • 公司奖励员工旅游怎么做账
  • 增值税纳税申报表在哪里打印
  • 招标服务费计算公式
  • windows所有应用
  • laravel批量更新数据
  • PHP:session_id()的用法_Session函数
  • phpstorm ftp
  • 出租的厂房房产税如何征收
  • 黑暗的树荫
  • 单位管理费用核算范围包括
  • 其他债权投资减值可以转回吗
  • php redis秒杀高并发解决方案
  • 读懂spring源码
  • object的类有哪些
  • 规划设计费会计处理
  • 本地住宿费能报销吗
  • 怎么样确认
  • 个税累积税阶
  • linux开启php服务
  • css文件代码示例
  • 帝国cms插件编写教程
  • c语言中如何防止函数重名
  • sql server ceiling
  • Python解释器有哪几种
  • 人工成本与工资的关系
  • 房屋租赁交的定金可以退吗
  • 盈利和亏损怎么计算
  • 应交税金应交增值税年底转平吗
  • 月初包括哪几天
  • 公司法人与股东的区别
  • 残保金中上年在职职工工资总额
  • 去年的费用怎么做分录
  • 利息保障倍数为0说明什么
  • 贷款保险费由谁承担
  • 计提是好是坏
  • 盘盈的固定资产怎么处理
  • 汇兑损益金额是怎么算出来的
  • mysql如何优化性能
  • 使用u盘安装windows10电脑识别不出来
  • windows无法启动wlanautoconfig
  • vmware虚拟化解决方案
  • 苹果mac系统怎么用
  • 激活窗口的菜单的快捷键
  • macbookpro怎么删除快捷方式
  • win10 ex4
  • win10如何在桌面设置出我的电脑
  • win8.1锁屏壁纸设置
  • Windows8和Windows Phone8中IE10两者相同点和区别
  • win7 64位旗舰版电脑如何提高鼠标的精准度?提高鼠标的精准度的方法
  • 电脑自带的groove音乐用不了
  • 对象转化为字符串的几种方式
  • python自动化处理
  • jquery理解
  • python元数据
  • jquery选择器大全
  • 请问在javascript程序中
  • javascript函数中的参数,也可以称之为下面哪项内容?
  • jquery分页插件的使用
  • python读入txt
  • 中国裁判文书怎么查个人案件
  • 三证合一,税号和营业执照不一样可以吗
  • 税控盘离线开票金额为零怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设