引擎与作用域的对话,自己的理解小练习

121 阅读2分钟
function foo(a) {
    var b = a;
    return a + b;
}
var c = foo(2);
  1. 编译器:我说作用域,我需要为 foo 进行声明。你见过他吗?
  2. 作用域:没见过,你可以进行声明了。
  3. 编译器:好,我现在就声明 foo。并且为引擎生成了运行时的代码,这些代码被用来处理 函数foo
  4. 编译器:我说作用域,我需要为 c 进行声明。你见过他吗?
  5. 作用域:没见过,你可以进行声明了。
  6. 编译器:好,我现在就声明 c。并且为引擎生成了运行时的代码,这些代码被用来处理 c = foo(2)
  7. 引擎:我说作用域,我需要为 c 进行 LHS 引用。你见过他吗?
  8. 作用域:别说我还真见过,编译器那小子刚刚就声明了它。他是一个变量,给你。
  9. 引擎:哥们太够意思了吧!好吧我要为 c 进行 LHS 引用。
  10. 引擎:作用域,还有个事。我需要为foo进行 RHS 引用,这个你见过吗?
  11. 作用域:这个也见过,编译器最近把它声明为 foo 函数。拿去吧。
  12. 引擎:大恩不言谢,你总是这么棒。我来执行一下它。
  13. 引擎:哥们不好意思又来打扰了。我需要为 a 进行 LHS 引用,这个你见过吗?
  14. 作用域:咱俩谁跟谁啊,再说我就是干这个的。这个我也有 编译器 把他声明为 foo 的一个形式参数
  15. 引擎:你总是这么棒。我要把 2 赋值给 a。
  16. 编译器:作用域,我需要为 b 进行声明,你见过他吗?
  17. 作用域:没见过你可以声明了。
  18. 编译器:我现在就声明 b。并且为引擎生成了运行 var b = a 时的代码。
  19. 引擎:作用域你见过 b 吗?我要为 b 进行 LHS 引用。
  20. 作用域:见过。编译器刚声明它。给你。
  21. 引擎:ok。b 进行 LHS
  22. 引擎:我还需要一下 a。
  23. 作用域:好的,给你
  24. 引擎:将 a 的值 赋值给了 b。
  25. 引擎:a 和 b 进行加法运算 a 和 b都在右边 进行 RHS 。并且把值给了系统 **简单来说,如果操作的变量在左边就是进行 LHS查询,在右边就是进行 RHS查询。

在当前这个例子中我们来分析一下哪些地方用了 LHS 和 RHS**

  1. var c = foo(2) 对变量 c 进行操作 LHS | 对 foo 进行操作 RHS | 传入形参2 a = 2进行 LHS |
  2. 进入到 foo 函数,var b = a 对 b 进行操作 LHS | 对 a 进行操作 RHS
  3. return a + b 系统 = a + b 对a 和 b 进行 RHS.