作用域和闭包

一、执行上下文

给执行上下文环境下一个通俗的定义——在执行代码之前，把将要用到的所有的变量都事先拿出来，有的直接赋值了，有的先用undefined占个空。

全局代码的上下文环境数据内容为：
1、普通变量（包括函数表达式，如： var a = 10;）：声明（默认赋值为undefined）
2、函数声明（如： function fn() { }）：赋值
3、this：赋值

如果代码段是函数体，那么在此基础上需要附加：
1、参数：赋值
2、arguments：赋值
3、自由变量的取值作用域：赋值

范围：一段<script>标签或者一个函数
全局（一段<script>）：变量定义、函数声明
函数：变量定义、函数声明、this、arguments（函数所有参数的集合）
函数声明： function fn(){...};
函数表达式： var fn = function(){...};

console.log(a);  //undefined
var a=100;

fn('zhangsan'); //'zhangsan'  20
function fn(name){
   age=20;
   console.log(name,age);
   var age;
}

二、this

this要在执行时才能确认值，定义时无法确认

1、构造函数

如果函数作为构造函数用，那么其中的this就代表它即将new出来的对象

function Foo(name){
  this.name=name;
}
var f=new Foo('zhangsan');//this===f
console.log(f.name);

2、函数作为对象的一个属性

如果函数作为对象的一个属性时，并且作为对象的一个属性被调用时，函数中的this指向该对象

var obj={
  name:'A',
  printName:function(){
    console.log(this.name);
  }
}
obj.printName();  //this===obj

3、函数用call或者apply、bind调用

当一个函数被call和apply、bind调用时，this的值就取传入的对象的值

function fn1(name){
  alert(name);
  console.log(this);
}
fn1.call({x:100},'zhangsan',200);   //this==={x:100}
fn1.apply({x:100},['zhangsan',200]); //this==={x:100}

var fn2=function(name,age){
  alert(name);
  console.log(this);
}.bind({y:200});  this==={y:200}
fn2('zhangsan',20);

4、全局&调用普通函数

在全局环境下，this永远是window
匿名函数中this是window

function fn1(){
  console.log(this);
}
fn1();  //this===window

三、作用域

js没有块级作用域，不受块级限制，只有函数和全局作用域；
js除了全局作用域之外，只有函数可以创建的作用域；
作用域在函数定义时就已经确定了，而不是在函数调用时确定；
在声明变量时，全局代码要在代码前端声明，函数中要在函数体一开始就声明好。除了这两个地方，其他地方都不要出现变量声明。而且建议用“单var”形式；
作用域有上下级的关系，上下级关系的确定就看函数是在哪个作用域下创建的；
作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突；
作用域只是一个“地盘”，一个抽象的概念，其中没有变量。要通过作用域对应的执行上下文环境来获取变量的值。同一个作用域下，不同的调用会产生不同的执行上下文环境，继而产生不同的变量的值。所以，作用域中变量的值是在执行过程中产生的确定的，而作用域却是在函数创建时就确定了；
如果要查找一个作用域下某个变量的值，就需要找到这个作用域对应的执行上下文环境，再在其中寻找变量的值。

四、作用域链

1、自由变量

在A作用域中使用的变量x，却没有在A作用域中声明（即在其他作用域中声明的），对于A作用域来说，x就是一个自由变量
自由变量的取值:要到创建这个函数的那个作用域中取值——是“创建”，而不是“调用”————“静态作用域”

var a=100;
function F1(){
  var b=200;
  function F2(){
    var c=300;
    console.log(a);//a是自由变量
    console.log(b);//b是自由变量
    console.log(c);
  }
  F2();
}
F1();

2、作用域链

指取自由变量取值时的这个过程：（假设a是自由量）

1、先在当前作用域查找a，如果有则获取并结束。如果没有则继续；

2、如果当前作用域是全局作用域，则证明a未定义，结束；否则继续；

3、（不是全局作用域，那就是函数作用域）将创建该函数的作用域作为当前作用域；

4、跳转到第一步。

五、闭包

闭包是指可以包含自由（未绑定到特定对象）变量的代码块,是能够读取其他函数内部变量的函数；这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义（局部变量），使用闭包会增加内容开销。

1、函数作为返回值

function F1(){
  var a=100;
  //返回一个函数
  return function(){
    console.log(a);
  }
}
//f1得到一个函数
var f1=F1();
var a=200;
f1(); //100 

2、函数作为参数传递

function F1(){
  var a=100;
  return function(){
    console.log(a);
  }
}
var f1=F1();
function F2(fn){
  var a=200;
  fn();
}
F2(f1);//100