位置: 编程技术 - 正文

Javascript学习笔记之函数篇(六) : 作用域与命名空间(javascript基础笔记)

编辑:rootadmin

推荐整理分享Javascript学习笔记之函数篇(六) : 作用域与命名空间(javascript基础笔记),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript教程完整版,javascript教程完整版,javascript教程推荐知乎,javascript入门教程,javascript学习指南,javascript如何学,javascript入门教程,javascript基础笔记,内容如对您有帮助,希望把文章链接给更多的朋友!

在之前的介绍中,我们已经知道 Javascript 没有块级作用,只有函数级作用域。

Javascript 中也没有显示的命名空间,这就意味着一切都定义在全局作用域中。每一次引用一个变量时,Javascript 会往上遍历整个全局作用域直到找到该变量。如果遍历完整个全局作用域仍然没有找到该变量,则抛出一个 ReferenceError 错误。

请输入图片描述

隐式全局变量

上面的两个例子产生不一样的效果。第一个将在全局作用域中定义变量 foo,而第二个则在当前作用域定义变量 foo。我们一定要注意,如果不使用关键字 var 将会带来意想不到的影响。

由于在函数 test 内没用 var 来定义变量 foo,所以将覆盖函数外部的全局变量 foo。尽管看上去不是什么大问题,但是如果有成千上万行代码时,这将是个难以追踪的 bug。

上例中,外部的循环将会在执行第一次的时候就停止,这是因为 subloop 函数内部的变量 i 将会覆盖外部的全局变量 i。我们只需要在函数内部加上一个 var 就可以避免这个错误,所以我们在定义变量时一定不要忘记加上关键字 var。除非我们确实希望对外部的全局变量造成影响。

局部变量

Javascript 中局部变量只可以通过两个方式产生,一是通过关键字 var 来声明,一是作为函数的形参。

此时,函数 test 内部的变量 i 和 foo 是局部变量,而 bar 则会覆盖外部的全局变量 bar。

提升(Hoisting)

Javascript 将会提升变量声明,这就意味着 var 表达式和函数声明都将被提升到作用域的顶部。

Javascript学习笔记之函数篇(六) : 作用域与命名空间(javascript基础笔记)

上面的代码在运行之前, var 表达式和函数 test 的声明都将提升至顶部,因此程序将正常运行并不会报错。

由于 Javascript 没有块级作用域,这不仅将提升 var 表达式,同时也会使得 if 结构变得不够直观。在上例中,尽管看上去 if 在对全局变量 goo 进行操作,实际上,由于变量 goo 被提升,所以修改的是局部变量。如果没有对提升规则有所了解,你可能会认为下面的代码将会抛出 ReferenceError 错误。

当然上面的代码是没有错误的,因为在代码在运行前,var 表达式已经被提升到顶部。

这里要推荐下 @nightire 凡哥的博文 《理解 JavaScript(二)》,里面对提升的讲解非常透彻。名称解析顺序

当尝试在一个函数作用域内访问一个 foo 变量时,Javascript 将会按照下面的顺序查找:

当前作用域内是否有 var foo 的定义。函数形参中是否有 foo 变量。函数自身的名称是否为 foo。跳到外层定义域,再从第一部开始查找起。命名空间

一个最常见的问题就是命名冲突,这是因为 Javascript 只有一个全局作用域所带来的。但这个问题可以通过匿名的外部函数解决。

上例中的匿名函数被认为是表达式,所以它们会被执行。

当然我们也可以用其他方式来调用函数表达式,不同的结构,但是同样的效果。

总结

建议大家使用匿名的外部函数来将代码封装到空间内,这样不仅可以解决命名空间的冲突,同时也有利于程序的模块化。此外,使用全局变量不是一个好习惯,这将带来高成本的维护代价而且容易产生错误。

命名空间同类型、函数、变量、模板等都属于实体(entity)。实体的主要的共性是,可以具有名称。(此外,标签也可以具有名称,但它不是实体。)而命名空间作用域是作用域中的一类统称,和块作用域、类作用域、函数原型作用域、函数作用域(仅对标签有效)并列。命名空间内声明的名称在命名空间作用域中。全局名称被认为在隐含的全局命名空间作用域中。

命名空间作用确实就是作用域,但是,他又不同于简单的作用域,你可以分多次在多处声明同一个命名空间,但是里面的内容不能重定义,他们最终都会合成一个命名空间,就像std,到处宏定义

Javascript 赋值机制详解 今天回答了一个关于Javascript的问题,涉及到了赋值问题,因此想把这个问题好好总结下。vara='test';varb=function(){};b.a='test';functionchange(m,n){m='change';n.a='chang

Javascript学习笔记之数组的遍历和 length 属性 尽管数组在Javascript中是对象,但是不建议使用forin循环来遍历数组,实际上,有很多理由来阻止我们对数组使用forin循环。因为forin循环将会枚举原型链

Javascript学习笔记之数组的构造函数 数组的构造函数由于数组的构造函数在处理参数时的不确定性,因此强烈建议使用[]符号来创建一个新数组。[1,2,3];//Result:[1,2,3]newArray(1,2,3);//Result:[1,2,3][

标签: javascript基础笔记

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

上一篇:Javascript学习笔记之函数篇(五) : 构造函数(javascript总结笔记)

下一篇:Javascript 赋值机制详解(js赋值input)

  • 资产负债表固定资产项目包括哪些
  • 应付票据和应付账款有什么区别
  • 行政单位盘盈固定资产应按什么入账
  • 未取得发票的费用
  • 电子承兑汇票如何撤回
  • 库存商品期末要结转吗
  • 债务豁免的会计分录
  • 公司产品中请别人开发的软件怎么会计处理?
  • 增值税专用发票电子版
  • 增值税发票委托公司开具
  • 物业公司收小区物业费吗
  • 商业企业取得农产品税收
  • 消费税征收范围包括
  • 2018年建筑增值税税率表
  • 多付工资计入哪个科目
  • 职工福利费发票开票范围
  • 水电费计提和冲销
  • 递延收益的账务处理案例
  • 无形资产的出租租金通过什么科目核算
  • 房地产公司未售房产出租账务处理
  • 离职员工工资退不退
  • 经营负债是指什么
  • 公司章程签署
  • 分摊本月领用材料的成本差异
  • RAVMOND.exe - RAVMOND是什么进程.有什么作用
  • 会计科目在建工程有金额要求吗
  • 认缴资本 实收资本
  • 车间报销办公用品费
  • 税款滞纳金会计科目
  • 房贷每月利息如何算
  • ChatGLM-6B (介绍相关概念、基础环境搭建及部署)
  • 原材料预付款如何做账
  • php版本7和5区别
  • 前端这点事
  • 情感计算的应用
  • php验证码扭曲效果怎么做
  • 路径规划原理
  • 公司发放加班补贴 固定金额
  • js监听事件和处理事件
  • 小规模纳税人按简易计税法计税时也可以进行税额的抵扣
  • 差旅费住宿专票可以抵扣吗
  • 自产农产品免征个人所得税吗
  • 财政拨款结转和非财政拨款结转区别
  • 专票不认证有什么风险
  • 印花税漏交了有什么影响
  • 房屋出租收到的发票
  • 建筑企业结转成本依据准则
  • 2020年增值税税收政策
  • mysql集群配置
  • 固定资产增加
  • 开票key
  • 月初包括哪几天
  • 收到的承兑怎么转给别人
  • 应收贷方余额怎么处理
  • 奖金如何做账分录
  • 法人名称是填公司名吗
  • 应交的教育费附加通过什么科目核算
  • 支付投资者投入的款项
  • 固定资产报废需要税务备案吗
  • 集团内部资产无偿划转是否缴纳印花税
  • 分公司可以设立公司吗
  • 独立董事需要入股吗
  • Mysql中explain作用详解
  • sql面试题50题
  • windows 进程管理
  • ftp 550错误
  • centos安装编译环境
  • exgear是什么
  • js移动端布局
  • node 全局安装
  • 接入hpool
  • 如何得到pull解析器?
  • jquery显示图片
  • js实现滑动效果
  • 详解九章算法
  • libgdx robovm admob IOS SDK的绑定
  • 个人所得税中途换了公司 退税
  • 税控盘的口令密码是什么
  • 房屋设备租赁费
  • 给税务局说明怎写
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设