Javascript理解原型和闭包(二)

一，执行上下文环境

在JavaScript中，一段代码在执行前，都会生成一个执行上下文环境，来初始化代码中定义的变量，函数，还有this。

其中又生成执行上下文又分为了三种情况，

1.全局代码的初始化

2.函数体代码的初始化

3.eval代码初始化

二、针对全局环境下的代码，生成执行上下文时会做哪些工作呢？

   1.变量的初始化，初始化为undefined

   2.函数表达式内的变量声明，初始化为undefined

   3.给this赋值，全局环境下就赋值为window

   4.函数声明赋值，所以函数声明会被前置。

另外针对函数体，在传参后未执行前，也会初始化一个执行上下文环境，其中的

1.argument对象会被赋值

2.参数会被赋值

3.自由变量的取值作用域会被赋值。

举个例子

function Fn(x){
   console.log(x)
}
Fn(10);
传入参数后，未执行前，该函数Fn生成了一个执行上下文环境，
包括了
argument赋值为[10];
参数x赋值为10；
此外，函数每次被调用时都会生成一个新的执行上下文

三、针对this

在全局环境下，this指的就是window。因为在代码初始化阶段this就被赋值了。

但是，如果this在函数体内，this的指向只有函数被调用的时候才能确定。

在函数体中的this可以分为几种情况

1.构造函数中的this

举个例子
function foo(){
   this.name = 'wang';
   this.age = 18;
}
var obj = new foo()
obj.name // wang

像上面的函数声明，如果直接调用就是普通的函数。如果用new关键字去赋值给一个变量，就是一个构造函数。
针对构造函数中的this，指向的是它new出来的这个对象。
如果是普通调用，该例中，this就指向window

2.函数作为一个对象的方法

举个例子
var obj = {
  name:'wang',
  fn:function(){
     console.log(this);
     console.log(this.name)
  }
}
obj.fn() //obj  wang
在这种情况下，对象方法中的this指向的是该对象本身。

那如果赋值给一个变量呢。比如
var fo = obj.fn;
fo();
这种情况的话，因为fo函数就是定义在全局环境下，跟obj没有关系，所以this指向window

3.用call，apply，bind调用函数

使用这三种方法调用函数的话，函数中的this就会指向call，apply，bind方法中传入的第一个参数，是一个对象。那如果传入的是null或undefined，就会指向window

4.全局 & 调用普通函数 

在全局环境下，调用函数的话this是指向window的。

但是有一种情况要注意

var obj = {
       name:'sss',
       fn:function(){
	  function f(){
		console.log(this);
		console.log(this.name)
	   }
	   f();
	}
    }
obj.fn()

函数f虽然是在对象方法内部定义的，但是this确实指向了window