深入理解javascript原型和闭包(12)——简介【作用域】
来源:互联网 发布:万方免费数据库查询 编辑:程序博客网 时间:2024/06/09 17:20
提到作用域,有一句话大家(有js开发经验者)可能比较熟悉:“javascript没有块级作用域”。所谓“块”,就是大括号“{}”中间的语句。例如if语句:
再比如for语句:
所以,我们在编写代码的时候,不要在“块”里面声明变量,要在代码的一开始就声明好了。以避免发生歧义。如:
其实,你光知道“javascript没有块级作用域”是完全不够的,你需要知道的是——javascript除了全局作用域之外,只有函数可以创建的作用域。
所以,我们在声明变量时,全局代码要在代码前端声明,函数中要在函数体一开始就声明好。除了这两个地方,其他地方都不要出现变量声明。而且建议用“单var”形式。
jQuery就是一个很好的示例:
下面继续说作用域。作用域是一个很抽象的概念,类似于一个“地盘”
如上图,全局代码和fn、bar两个函数都会形成一个作用域。而且,作用域有上下级的关系,上下级关系的确定就看函数是在哪个作用域下创建的。例如,fn作用域下创建了bar函数,那么“fn作用域”就是“bar作用域”的上级。
作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。例如以上代码中,三个作用域下都声明了“a”这个变量,但是他们不会有冲突。各自的作用域下,用各自的“a”。
说到这里,咱们又可以拿出jquery源码来讲讲了。
jQuery源码的最外层是一个自动执行的匿名函数:
为什么要这样做呢?
原因就是在jQuery源码中,声明了大量的变量,这些变量将通过一个函数被限制在一个独立的作用域中,而不会与全局作用域或者其他函数作用域的同名变量产生冲突。
全世界的开发者都在用jQuery,如果不这样做,很可能导致jQuery源码中的变量与外部javascript代码中的变量重名,从而产生冲突。
作用域这块只是很不好解释,咱们就小步快跑,一步一步慢慢展示给大家。
下一节将把作用域和执行上下文环境结合起来说一说。
可见,要理解闭包,不是一两句话能说清楚的。。。
---------------------------------------------------------------------------
本文已更新到《深入理解javascript原型和闭包系列》的目录,更多内容可参见《深入理解javascript原型和闭包系列》。
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包系列 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 深入理解javascript原型和闭包(12)——简介【作用域】(闭包)
- 深入理解javascript原型和闭包系列 系深入理解javascript原型和闭包(17)——补充:上下文环境和作用域的关系
- 深入理解javascript原型和闭包系列 深入理解javascript原型和闭包(14)——从【自由变量】到【作用域链】
- 深入理解javascript原型和闭包(18)——补充:上下文环境和作用域的关系
- 深入理解javascript原型和闭包(18)——补充:上下文环境和作用域的关系
- 深入理解javascript原型和闭包(16)——补充:上下文环境和作用域的关系
- 深入理解javascript原型和闭包(18)——补充:上下文环境和作用域的关系
- 中国家电闯入国外运营费成本比中国高
- [LeetCode]17. Letter Combinations of a Phone Number
- Spring笔记
- Windows编程_Lesson004_项目预备_同步IO操作
- 人脸识别之颜色识别
- 深入理解javascript原型和闭包(12)——简介【作用域】
- 个人学习总结一机器学习入门(四)
- ubuntu 16.04 + Qt5.7.1+VTK6.3.0 + opencv2.4.13-viz(3D可视化)安装教程
- 在没有串口的情况下,调整打log的优先级的方法
- LeetCode 459. Repeated Substring Pattern
- 5.13
- [leetcode: Python]242.Valid Anagram
- jvm 垃圾收集器
- Promise相关