浅谈js的解析顺序 作用域 严格模式

一、javascript的解析顺序

我们大家所理解的代码的执行顺序都是从上到下的，但是实际上确不是这样的。我们看一下下面的代码。

alert(a);var a = 1;

如果执行顺序是从上到下的，在上面弹出一个a，浏览器会认为从上到下执行的，那么当它alert（a）的时候，他就会发现没有这个东西，那么他就会报错，但是实际上他弹出来的结果是undefined。返回值是undefined说明a没有被定义也就是没有赋值。下面我来讲解一下javascript的解析顺序。

1.ES5中有声明意义的关键字

var 会存在变量提升

function也有声明变量的的作用。

2.解析顺序

1.找声明 var、function 声明：只是声明变量，而不包括赋值。

2. 执行

注意：以上两步 都遵循从上至下，执行的时候遇到等号，先看等号的右边。

注意：当function声明的变量和var声明的变量重名时，function的变量权重会比var声明的要高。

下面多来几个例子解析一下就清楚许多了，但是看例子之前要知道一下什么叫作用域。

二、作用域

作用域就是：起作用的范围分为下面两种

1.全局作用域

2.函数作用域

他们两个的区别看下面的例子仔细分析。

三、看几个例子解析一下执行顺序的步骤

1.　第一个例子：

var x = 5; a(); function a(){  alert(x);  var x = 10; }alert(x);

解析过程

1,.寻找声明 (看全局作用域)

var x;function a(){}

2.执行

x = 5;

a() ------------->执行到这个函数的过程中在重新进行以上两步

1,寻找声明　var x;（函数作用域）

2. 执行

alert(x); 这个x在函数作用域中存在，并且还没有执行到赋值的那一步,那么弹出的东西就是undefined;

x = 10;

alert(x) 这里弹窗是全局变量 5；

所以浏览器弹窗的内容是 undefined 5

2.　第二个例子

 a() function a(){  alert(x);  var x = 10; }alert(x);

解析过程 按照上面的例子一样分析

1. 寻找声明

　function a(){}

2.执行

　a()------------------------->函数

1.寻找声明

var x;

2.执行

alert(x) 弹出未定义

x = 10；

alert(x); 这里的x会从全局中寻找x，但是发现并没有x，所 以浏览器会 报错 x is not defined x没有被定义

所以浏览器的弹出的内容是 undefined 报错

我相信看了这两个例子的人都对这个解析过程都有了清除的了解，如果还是不太了解，建议重新看一次。

下面介绍几个需要注意的地方， 直接上例子

3. 第三个例子

前面讲到了当function声明的变量和var声明的变量重名时，function的变量权重会比var声明的要高。来一个例子证明一下