学习笔记：视频1-JS作用域概念-预解析规则、表达式、声明、闭包；

作用域：在什么样的范围/空间，你可以对你的数据进行读写操作

• 域：空间、范围、区域……
• 作用：读、写

看以下3个例子：

第一个：

<script>

var a = 1;

alert(a);

</script>

以上结果弹出：1

第二个：

<script>

alert(a);

var a = 1;

</script>

以上结果弹出：undefined

第三个：

<script>

alert(a);

a = 1;

</script>

以上结果：浏览器没反应

F12进入看报错：a is not defined.

 

讲解实例1：

<script>

alert(a); //结果是undefined

var a = 1;

alert(a);// 结果是1

function fn1(){alert(2);}

</script>

 

浏览器：JS解析器，解析过程包括两个阶段：预解析、代码执行

1) 首先，是JS的预解析（找东西，放到仓库里）：根据“var function 参数”，这些关键字来找东西

根据var 可以找到：a 

        所有的变量，在正式运行代码之前，都提前赋值为：undefined；所以这里的a = undefined；

根据function可以找到：fn1 = function fn1(){alert(2);}

        所有的函数，在正式运行代码之前，都是整个函数块

2) 代码执行（逐行解读代码）：每读取一行，都会跑到预解析后的仓库里看一眼，看里面有没有东西

读到第一行的时候：alert(a); 不会去看下面那行代码，只会跑到仓库里看一眼，一看有a，是undefined；于是弹出undefined

（注意：逐行解读代码的过程，实际上是：修改仓库里面值的过程）

读到第二行，a = 1, 就把仓库里面的 “a= undefined” 改为“a = 1”

-------------------------------------------------------------------------------------------------------------------------------------------

只要看到“=”，就管它叫表达式；前面var a、function fn1(){}, 叫做声明，一个是变量声明，一个是函数声明

而a = 1, 是表达式；

表达式：= + - * / % ++ -- ! 参数 ……  但凡能改变值的，都叫做表达式……

表达式就是一个动作，能去做一个改变

-------------------------------------------------------------------------------------------------------------------------------------------

 

讲解实例2：

<script>

alert(a); //结果是：浏览器没反应；F12进入看报错：a is not defined.

a = 1;

</script>

因为没有var，预解析后，仓库里还是啥都没有；所以，执行过程中，逐行解读代码时，一看仓库里没东西，表示JS解析器根本不认识‘a’是什么；只要浏览器不认识，就会报错

 

=================================================================

摘抄另一段解读：

当进入执行环境时，这时候还没有执行代码，

变量对象会包括：

1. 函数的所有形参 (如果是函数上下文)

   • 由名称和对应值组成的一个变量对象的属性被创建
   • 没有实参，属性值设为 undefined

2. 函数声明

   • 由名称和对应值（函数对象(function-object)）组成一个变量对象的属性被创建
   • 如果变量对象已经存在相同名称的属性，则完全替换这个属性

3. 变量声明

   • 由名称和对应值（undefined）组成一个变量对象的属性被创建；
   • 如果变量名称跟已经声明的形式参数或函数相同，则变量声明不会干扰已经存在的这类属性

=====================================================================================

练习题，了解一下？（见下篇）

下一篇：学习笔记：视频2-JS全局与局部作用域解析、作用域链（上）