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变量声明的机制,有助于理解作用域。

有任何问题,欢迎大家批评指出,我们共同进步。


发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>