CoffeeScript系列教程（五）—作用域

CoffeeScript编译器会考虑所有变量,保证每个变量都在词法域里适当地被定义，你永远不需要自己去写 var。那么在不同的上下文环境下出现了同名变量，CoffeeScript是怎么处理的呢，看个例子：

#编译前
outer = 1
fn = ->
  inner = -1
  outer = 10
  return null
inner = 4

//编译后
var fn, inner, outer;

outer = 1;

fn = function() {
  var inner;
  inner = -1;
  outer = 10;
  return null;
};

inner = 4;

在最外层的作用域下声明了outer、inner、fn，变量的定义都被推到相关的顶层作用域了。在fn函数内部只声明了inner，没有声明outer。实际上CoffeeScript变量定义是跟作用域和声明顺序有关的，看CoffeeScript代码fn的代码块，因为在fn里outer定义之前，函数外已经定义了outer，所以outer不在重新声明。
那为啥外面也声明了inner，fn内部又重新定义了inner，因为顺序的原因，函数fn内部的声明在前，所以编译后的代码重新定义了inner。函数外部是拿不到函数内的变量的，所以外部的inner在外围的作用域下也声明了inner。大家看下下面的代码，有助于理解：

外部先声明：

#编译前
outer = 1
inner = 4
fn = ->
  inner = -1
  outer = 10
  return null

//编译后
  var fn, inner, outer;

  outer = 1;

  inner = 4;

  fn = function() {
    inner = -1;
    outer = 10;
    return null;
  };

  函数内部先声明：

  #编译前
  fn = ->
    inner = -1
    outer = 10
    return null
  outer = 1
  inner = 4

  //编译后
  var fn, inner, outer;

  fn = function() {
    var inner, outer;
    inner = -1;
    outer = 10;
    return null;
  };

  outer = 1;
  inner = 4;

父子作用域里出现同名变量是不利于维护和理解的，也是我们在编写代码中应该避免的。这里举这个例子是向大家展现CoffeeScript变量声明的机制，有助于理解作用域。