执行上下文

当函数执⾏时，会创建⼀个称为执⾏上下⽂（execution contex）的环境，分为创建和执⾏2个阶段

创建阶段

创建阶段，指函数被调⽤但还未执⾏任何代码时，此时创建了⼀个拥有 3 个属性的对象：

executionContext	=	{				
	scopeChain:	{},		//	创建作⽤域链（scope	chain）				
	variableObject:	{},		//	初始化变量、函数、形参				
	this:	{}		//	指定this 
}

代码执行阶段

代码执⾏阶段主要的⼯作是：
1、分配变量、函数的引⽤，赋值。
2、执⾏代码。

举个栗⼦

//	⼀段这样的代码
function	demo(num)	{
  var	name	=	'aaa';
  var	getData	=	function	getData()	{};
  function	c()	{}
}
demo(100);
//	创建阶段⼤致这样，在这个阶段就出现了【变量提升(Hoisting)】
executionContext	=	{
  scopeChain:	{	...	},
  variableObject:	{
    arguments:	{		//	创建了参数对象												
      0:	100,												
      length:	1								
    },								
    num:	100,		//	创建形参名称，赋值/或创建引⽤拷⻉								
    c:	pointer	to	function	c()		//	有内部函数声明的话，创建引⽤指向函数体								
    name:	undefined,	//	有内部声明变量a，初始化为undefined								
    getData:	undefined			//	有内部声明变量b，初始化为undefined				
   },				
  this:	{	...	} 
}

//	代码执⾏阶段，在这个阶段主要是赋值并执⾏代码 
executionContext	=	{				
  scopeChain:	{	...	},				
  variableObject:	{								
    arguments:	{												
      0:	100,												
      length:	1								
    },								
    num:	100,								
    c:	pointer	to	function	c()								
    name:	'xiaowa',		//	分配变量，赋值								
    getData:	pointer	to	function	getData()	//	分配函数的引⽤，赋值				
  },				
  this:	{	...	} 
}

执行上下文栈

• 浏览器中的JS解释器是单线程的，相当于浏览器中同⼀时间只能做⼀个事情。
• 代码中只有⼀个全局执⾏上下⽂，和⽆数个函数执⾏上下⽂，这些组成了执⾏上下⽂栈 （Execution Stack）。
• ⼀个函数的执⾏上下⽂，在函数执⾏完毕后，会被移出执⾏上下⽂栈。

举个栗⼦

function	c(){				
	console.log('ok'); 
} 
function	a(){				
	function	b(){								
		c();				
	}				
	b(); 
} 
a();