位置: 编程技术 - 正文

javascript中的作用域和上下文使用简要概述(javascript概述及作用)

编辑:rootadmin
javascript中的作用域(scope)和上下文(context)是这门语言的独到之处,这部分归功于他们带来的灵活性。每个函数有不同的变量上下文和作用域。这些概念是javascript中一些强大的设计模式的后盾。然而这也给开发人员带来很大困惑。下面全面揭示了javascript中的上下文和作用域的不同,以及各种设计模式如何使用他们。 上下文 vs 作用域 首先需要澄清的问题是上下文和作用域是不同的概念。多年来我注意到许多开发者经常将这两个术语混淆,错误的将一个描述为另一个。平心而论,这些术语变得非常混乱不堪。 每个函数调用都有与之相关的作用域和上下文。从根本上说,范围是基于函数(function-based)而上下文是基于对象(object-based)。换句话说,作用域是和每次函数调用时变量的访问有关,并且每次调用都是独立的。上下文总是关键字 this 的值,是调用当前可执行代码的对象的引用。 变量作用域 变量能够被定义在局部或者全局作用域,这导致运行时变量的访问来自不同的作用域。全局变量需被声明在函数体外,在整个运行过程中都存在,能在任何作用域中访问和修改。局部变量仅在函数体内定义,并且每次函数调用都有不同的作用域。这主题是仅在调用中的赋值,求值和对值的操作,不能访问作用域之外的值。 目前javascript不支持块级作用域,块级作用域指在if语句,switch语句,循环语句等语句块中定义变量,这意味着变量不能在语句块之外被访问。当前任何在语句块中定义的变量都能在语句块之外访问。然而,这种情况很快会得到改变,let 关键字已经正式添加到ES6规范。用它来代替var关键字可以将局部变量声明为块级作用域。 "this" 上下文 上下文通常是取决于一个函数如何被调用。当函数作为对象的方法被调用时,this 被设置为调用方法的对象: 同样的原理适用于当调用一个函数时通过new的操作符创建一个对象的实例。当以这种方式调用时,this 的值将被设置为新创建的实例: 当调用一个未绑定函数,this 将被默认设置为 全局上下文(global context) 或window对象(如果在浏览器中)。然而如果函数在严格模式下被执行("use strict"),this的值将被默认设置为undefined。 执行上下文和作用域链 javascript是一个单线程语言,这意味着在浏览器中同时只能做一件事情。当javascript解释器初始执行代码,它首先默认竟如全局上下文。每次调用一个函数将会创建一个新的执行上下文。 这里经常发生混淆,这术语”执行上下文(execution context)“在这里的所要表达的意思是作用域,不是前面讨论的上下文。这是槽糕的命名,然而这术语ECMAScript规范所定义的,无奈的遵守吧。 每次新创建一个执行上下文,会被添加到作用域链的顶部,又是也成为执行或调用栈。浏览器总是运行在位于作用域链顶部当前执行上下文。一旦完成,它(当前执行上下文)将从栈顶被移除并且将控制权归还给之前的执行上下文。例如: 运行前面的代码将会导致嵌套的函数被从上倒下执行直到 fourth 函数,此时作用域链从上到下为: fourth, third, second, first, global。fourth 函数能够访问全局变量和任何在first,second和third函数中定义的变量,就如同访问自己的变量一样。一旦fourth函数执行完成,fourth晕高兴上下文将被从作用域链顶端移除并且执行将返回到thrid函数。这一过程持续进行直到所有代码已完成执行。 不同执行上下文之间的变量命名冲突通过攀爬作用域链解决,从局部直到全局。这意味着具有相同名称的局部变量在作用域链中有更高的优先级。 简单的说,每次你试图访问函数执行上下文中的变量时,查找进程总是从自己的变量对象开始。如果在自己的变量对象中没发现要查找的变量,继续搜索作用域链。它将攀爬作用域链检查每一个执行上下文的变量对象去寻找和变量名称匹配的值。 闭包 当一个嵌套的函数在定义(作用域)的外面被访问,以至它可以在外部函数返回后被执行,此时一个闭包形成。它(闭包)维护(在内部函数中)对外部函数中局部变量,arguments和函数声明的访问。封装允许我们从外部作用域中隐藏和保护执行上下文,而暴露公共接口,通过接口进一步操作。一个简单的例子看起来如下: 其中最流行的闭包类型是广为人知的模块模式。它允许你模拟公共的,私有的和特权成员: 模块实际上有些类似于单例,在末尾添加一对括号,当解释器解释完后立即执行(立即执行函数)。闭包执行上下位的外部唯一可用的成员是返回对象中公用的方法和属性(例如Module.publicMethod)。然而,所有的私有属性和方法在整个程序的生命周期中都将存在,由于(闭包)使执行上下文收到保护,和变量的交互要通过公用的方法。 另一种类型的闭包叫做立即调用函数表达式(immediately-invoked function expression IIFE),无非是一个在window上下文中的自调用匿名函数(self-invoked anonymous function)。 对保护全局命名空间,这种表达式非常有用,所有在函数体内声明的变量都是局部变量,并通过闭包在整个运行环境保持存在。这种封装源代码的方式对程序和框架都是非常流行的,通常暴露单一全局接口与外界交互。 Call 和 Apply 这两个简单的方法,内建在所有的函数中,允许在自定义上下文中执行函数。call 函数需要参数列表而 apply 函数允许你传递参数为数组: 执行的结果是相同的,user 函数在window上下文上被调用,并提供了相同的三个参数。 ECMAScript 5 (ES5)引入了Function.prototype.bind方法来控制上下文,它返回一个新函数,这函数(的上下文)被永久绑定到bind方法的第一个参数,无论函数被如何调用。它通过闭包修正函数的上下文,下面是为不支持的浏览器提供的方案: 它常用在上下文丢失:面向对象和事件处理。这点有必要的因为 节点的addEventListener 方法总保持函数执行的上下文为事件处理被绑定的节点,这点很重要。然而如果你使用高级面向对象技术并且需要维护回调函数的上下文是方法的实例,你必须手动调整上下文。这就是bind 带来的方便: 当回顾bind函数的源代码,你可能注意到下面这一行相对简单的代码,调用Array的一个方法: 有趣的是,这里需要注意的是arguments对象实际上并不是一个数组,然而它经常被描述为类数组(array-like)对象,很向 nodelist(document.getElementsByTagName()方法返回的结果)。他们包含lenght属性,值能够被索引,但他们仍然不是数组,由于他们不支持原生的数组方法,比如slice和push。然而,由于他们有和数组类似的行为,数组的方法能被调用和劫持。如果你想这样,在类数组的上下文中执行数组方法,可参照上面的例子。 这种调用其他对象方法的技术也被应用到面向对象中,当在javascript中模仿经典继承(类继承): 通过在子类(MyClass)的实例中调用超类(MySuperClass)的方法,我们能重现这种强大的设计模式。 结论 在你开始学习高级设计模式之前理解这些概念是非常重要的,由于作用域和上下文在现代javascript中扮演重要的和根本的角色。无论我们谈论闭包,面向对象,和继承或各种原生实现,上下文和作用域都扮演重要角色。如果你的目标是掌握javascript语言并深入了解它的组成,作用域和上下文应该是你的起点。 译者补充 作者实现的bind函数是不完全的,调用bind返回的函数时不能传递参数,下面的代码修复了这个问题:

推荐整理分享javascript中的作用域和上下文使用简要概述(javascript概述及作用),希望有所帮助,仅作参考,欢迎阅读内容。

javascript中的作用域和上下文使用简要概述(javascript概述及作用)

文章相关热门搜索词:javascript的主要用途,javascript的主要用途,javascript的作业,javascript的主要用途,javascript的作业,javascript概述及作用,javascript中的作用域预解析与声明变量提升,javascript中的作用域预解析与声明变量提升,内容如对您有帮助,希望把文章链接给更多的朋友!

Javascript全局变量var与不var的区别深入解析 相信你对全局变量一定不陌生,在函数作用域里用a=1这种形式定义的变量会是一个全局变量,在全局作用域里,用下面3种形式都可以创建对全局可见的

JavaScript—window对象使用示例 window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性:1打开新窗口window.open(pageURL,name,parameters)其中:pageURL为子窗口路径name为子

javascript如何创建表格(javascript绘制表格的二种方法) 1、inserRow()和insertCell()函数insertRow()函数可以带参数,形式如下:insertRow(index):index从0开始这个函数将新行添加到index的那一行前,比如insertRow(0),是将

标签: javascript概述及作用

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

上一篇:JavaScript执行顺序详细介绍(js 函数执行顺序)

下一篇:Javascript全局变量var与不var的区别深入解析(js全局方法)

  • 多交了企业所得税,下年度退税,需要更正撒意思
  • 政府返还土地款的会计处理
  • 纳税检查调整的滞纳金怎么收
  • 差额征税的会计处理方法
  • 计提利息要计提手续费吗
  • 项目差旅费能计入项目费用吗
  • 外出经营涉税事项报告
  • 小规模纳税人的起征点是多少
  • 实收资本记账凭证摘要怎么写
  • 进项税额结转不结转
  • 企业残保金申报流程
  • 资产申报是什么
  • 当期计提加计抵减额如何确定
  • 属于期间费用抵减项目
  • 环境评估费应计入什么科目
  • 划拨房二次出售缴纳出让金吗
  • 增值税发票信息错误可以作废重开吗
  • 无形资产和固定资产的折旧
  • 车辆的鉴定评估方法
  • 公司给员工股票计税
  • 企业用现金支付业务招待费1000元
  • 银行缴纳印花税的范围
  • 企业给员工购买的团体意外险的被保险人一般是
  • 小规模增值税多少个点
  • 进项发票未抵扣部份开红冲后当月能抵扣吗?
  • 集团企业涉税需求网络
  • 特定业务计算的应纳税所得额是指
  • 每期折旧怎么算
  • 预收款结转收入怎么算
  • 电费增值税怎么算出来的
  • 应收利息的核算范围
  • 现金日记账对方科目是什么意思
  • 海关进口增值税计入什么科目
  • 对公账户短信服务费怎么取消
  • 本月发生的费用,下月取得发票,怎么做账
  • 苹果手机下载手机克隆哪个版本
  • 新会计准则2020变化
  • win10开机强制进入修复模式
  • windows7简洁版
  • 房地产佣金手续费财务处理
  • 房产置换流程及费用
  • 优酷路由宝还有用吗
  • 格雷厄姆岛
  • 小企业会计准则适用于哪些企业
  • php正则表达式匹配字符串
  • php curl爬虫
  • 竣工结算审计费用在线计算器
  • 知名个人网站
  • [九]深度学习Pytorch-transforms图像增强(剪裁、翻转、旋转)
  • web核心的三个标准
  • 公章盖的字不完整有效吗
  • 为什么会有不同的人种
  • 进项税额转出有什么好处
  • 哪些计入其他收益与营业外收入
  • 企业计提增值税的会计科目
  • 发票走账不走账怎么处理
  • node.js入门教程
  • 社保怎么交最划算
  • 印花税计税依据和税率
  • 合并财务报表为什么要抵消子公司所有者权益
  • 现金比率升高
  • 存货取得长期股权投资
  • 低值易耗品摊销借贷方向
  • 少交税款滞纳金
  • 原告起诉被告承担诉讼费
  • 补偿款怎么写才能有效
  • 子公司内部交易
  • 销售部门交通费计入什么费用
  • 出售未计提完折旧的固定资产需要折扣吗
  • mysql常见优化手段
  • 必须会的sql语句有哪些
  • myeclipse中连接数据库的地方在哪
  • winxp系统怎么连接网络
  • 解析包错误怎么解除
  • ubuntu和window双系统
  • memory在电脑里是什么意思
  • ubuntu nfs配置
  • 注册表危险组件怎么安装
  • nginx与php
  • 税务局监察室主任职位说明书
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设