位置: 编程技术 - 正文

Javascript基础回顾之(二) js作用域(javascript教程chm)

编辑:rootadmin

推荐整理分享Javascript基础回顾之(二) js作用域(javascript教程chm),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript 基础,javascript教程chm,javascript的返回值,javascript基础入门视频教程,javascript基础入门教程,javascript基础编程,javascript 基础,javascript 基础,内容如对您有帮助,希望把文章链接给更多的朋友!

本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解,所以决定先花一些时间整理一下这些基础知识和大家分享。 后面会附上培训用的PPT。刚开始是打算写一篇的,但是后来写着写着就发现越来越多,所以决定还是写一个系列吧。本系列所有内容都是涉及Javascript基础的,没有时髦的玩意儿,但是我相信这些基础的东西会有助于你理解那些有趣的东西的。

Javascript基础回顾之(一) 类型 Javascript基础回顾 (二) 作用域 Javascript基础回顾之(三) 面向对象

  本篇是你必须知道的Javascript系列第二篇,我们主要来看看Javascript中变量作用域的问题。主要涉及以下内容 :

参数传递的问题什么是作用域和作用域链块级作用域延长作用域链参数传递的问题

  在Javascript中所有的参数传递都是按值传递的。也就是说把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。基本类型值的传递如同基本类型变量的复制一样,而引用类型值的传递,就如同引用类型变量的复制一样。

  —— 《Javascript 高级程序设计》 第三版

我想关于值类型的传递应该很简单,所以我们就不多说了,重点来看看引用类型的值传递。

这个函数把我们外部对象的值也一起改变了,这一点和C#也是一样的。因为函数里面的person所指向的地址和外部person所指向的地址是一样的。下面的行为也是和C#一样的,即如果在函数内容把参数指向另外一个对象,不会对外部对象产生影响 。

关于引用类型的拷贝,给初学者一张图解。

在堆中分配一块空间给person对象,并在栈中保存person在堆中的址址引用 复制堆中person的地址引用给person2(同样是在栈中) new Person()再次在堆中分配一块空间给person2对象,然后将栈中person2指向这个新的地址。 以后对person2的更改不会对person产生影响

什么是作用域和作用域链

Javascript基础回顾之(二) js作用域(javascript教程chm)

  我们知道在JavaScript中有局部变量和全局变量,某个函数里面的局部变量不能在另一个函数中被访问(暂且避开闭包不谈)。这就是作用域起的作用,因为变量只在它所在的那个函数里面起作用。

  每一个函数都有自己的执行环境,而每一个执行环境都有一个与之相关联的变量对象, 这个环境中所有变量和函数就保存在这个变量中。除了函数有自己的执行环境以外,我们还有一个最大的全局执行环境,而我们所熟知的window就是这个全局执行环境的变量对象,因为所有的全局变量和函数都是作为window的属性和方法创建的。每个环境中的所有代码执行完后,该环境被随之销毁,保存在其中的所有变量和函数也随之销毁。对于全局执行环境来说,关闭浏览器或者退出页面,那么这个全局的执行环境也就被销毁了。

  但是,我在这个函数里面是不是只能访问这个函数里面的变量呢?也许大家都知道,还有全局变量,全局变量可以被任意函数(Javascript没有像public, private, protected 这样的关键字),或者任意引入到页面的js访问到。这个就是我们常说的作用域链。作用域链的作用就是保证对执行环境有权访问的所有变量和函数进行有序访问。为什么说有序访问呢? 来看一看下面这段代码:

大家知道如果局部变量和全局变量同名的话,全局变量会被覆盖,但是也不是真正的覆盖,只是在当前这个函数里面被覆盖而已,我们在外部依旧可以正常使用的。这里就涉及到一个执行环境有序访问的问题。

  作用域链的最前端永远是当前执行代码所在环境的变量对象,对于我们的alertColor而言,就是它自己的活动对象。 所有函数的活动对象都包含一个初始值,那就是我们的arguments。而作用域链的下一个对象,来自包含的外部环境,一直延续到全局环境。所有函数的作用域链都可能延续到全局环境,这就是为什么全局变量可以在所有函数中访问的原因,并不是因为它叫全局变量,所以它就可以在所有函数中访问:) 并且,全局执行环境的环境变量始终是作用域链的最后一个对象。

  我们来看个复杂一点的例子:

在上面的代码中,我们有3个执行环境,全局环境、changeColor的局部执行环境和swapColors的局部执行环境。全局环境中只有一个变量color和一个函数changeColor()。changeColor中有一个变量anotherColor和一个函数swapColors(),但是它可以访问到全局环境中的color。swapColors中有一个局部变量tempColor,该变量只不管是在changeColor还是全局环境中都不能被访问到,然后在swapColors中可以访问到其它两个环境中的所有变量,因为另外两个环境都是它的父执行环境。

我们可以发现,作用域链是由内向外扩展的,我们可以通过作用域访问外部环境的变量和函数,但是外部环境中访问不到内部环境的变量和函数。我们在swapColors中用到了全局变量color,但是它也不是一下子就找到color的,它有一个由内向外的查找过程:

在当前执行环境内寻找叫color的局部变量,没有找到,向上升一级 在父级执行环境changeColor中去找叫color的变量,也没有找到,再向上升一级 在changeColor的父级中找到了color变量,直接拿过来使用。

块级作用域  因为有着块级作用域(以花括号作为起始点)的存在,C#中这样的代码是编译不通过的。

我们在for循环以外已经访问不到i了。但是在Javascript情况就完全不一样了。

延长作用域链  我们上面说了,在Javascript中总共只有2种执行环境:全局和局部执行环境。但是我们可以用with和try-catch来延长作用域,由于平常使用场景较少,我们就拿with来举个例子好了。

在with的作用下,location这个变量被加到了作用域的最前端,所以所有location下的变量和方法都可以在with的这个范围内访问了。

  

标签: javascript教程chm

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

上一篇:Javascript基础回顾之(一) 类型(javascript教程chm)

下一篇:Javascript基础回顾之(三) js面向对象(javascript教程chm)

  • 一般纳税人哪些可以开3%的发票吗
  • 筹资现金流量净额为负说明了什么问题
  • 出售的固定资产通过固定资产清理吗
  • 如何根据资产负债表填写现金流量表
  • 自产产品用于业务宣传确认收入吗
  • 购销合同赔偿比例一般多少
  • 社保基金会割肉操作吗
  • 怎么让银行同意商转公
  • 代扣代缴手续费返还需要缴纳增值税吗
  • 当月作废的专票需要开负数发票么
  • 出售办公用房要交什么税
  • 国外劳务费用是怎样产生的
  • 软件的维修性要求
  • 小型微利企业所得税优惠政策2022
  • 办税人员需要会计证吗
  • 公账转私账怎么操作电脑版
  • 进口有退税吗最新政策
  • 空调安装工程如何做
  • 增值税普通发票几个点
  • 同一控制亏损企业怎么算
  • 非营利组织免税收入孳生的银行存款利息
  • 如何设置电脑任务栏显示
  • 计提长期债券利息分录
  • 汽车销售私下收客户红包
  • php面向对象优点,缺点
  • 非盈利组织又称
  • element ui+vue
  • 确认的政府补助怎么入账
  • webssh github
  • zendframework3中文手册
  • matlab用于图像处理
  • 我的第一次作文400字左右
  • vue3定义全局变量
  • 单目测距精度
  • 立体匹配原理
  • 网络安全工具大全图片
  • 帝国cms使用手册
  • 本年利润是净利润吗
  • nginx运行python
  • 辞退员工福利
  • 文明手语动作
  • mysql的使用实验总结与分析
  • 电影院属于什么经济类型
  • 资产减值损失包括什么
  • 出口货物当月销售当月就要开票吗
  • 企业报税表格填写
  • 视同销售是怎么回事?
  • 未开票收入申报有税务风险吗
  • 什么情况没有排卵期
  • 无形资产摊销账面价值
  • 质保金怎么做账
  • 固定资产处置怎么报税
  • 开出银行转账支票
  • 客户罚款员工承担
  • 小规模纳税人已付款对方不开发票几年了会计分录
  • 小规模小微企业免税销售额
  • 开公司如何选择行业
  • 会务费可以抵扣进项税额吗
  • sqlcipher c#
  • sqlserver如何查询表数据
  • 高端电脑品牌
  • linux操作系统查询命令
  • win7u盘没有安全选项卡
  • windows7的使用方法
  • win8系统怎么设置共享局域网
  • unity预处理命令
  • [置顶]游戏名:chivalry2
  • js中鼠标经过事件
  • python文本怎么运行
  • [置顶]游戏名:chivalry2
  • js访问thymeleaf值
  • android开发指南
  • 关于python整数类型
  • 国家税务局39号公告退税
  • 湖北省地方税务局公告2014年第7号
  • 个人自行申报纳税
  • 契税和耕地占用税由谁负责征收
  • 国家税务局申报系统
  • 抄税失败是怎么回事
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设