关于JavaScript函数作用域的问题想请教

Question

一个有关JS函数作用域的题目

相关代码

var xyx = 1;
function fx(){console.log(xyx)}
var xyx = 2;
fx();

输出的结果是2。
不是应该是从fx函数声明处从内往外找，最里头没有然后往外往上找到了xyx为1，这时就输出了嘛？为什么会变成2呢？我是不是理解有误，请指点迷津谢谢！

Answer 1

JavaScript是解释型语言，简单理解就是运行到哪一句就加载那一句（意思是这个意思，但是表达不完全准确）。你的代码分四步理解（以下解释暂不考虑变量提升问题）：

var xyx = 1; //声明变量xyz，并赋值为1，此时xyz的值为1
function fx(){console.log(xyx)}//声明了函数fx，但是没人调用，暂时放一边
var xyx = 2; //再次声明变量，发现已经有xyz了，直接赋值为2， 此时xyz的值为2
fx();//调用fx函数，查找到fx并执行。函数内部，查找xyz变量，没有。再去外层查找，发现了xyz，输出值为2

如果考虑变量提升，以上代码相当于：

var xyz; //重复声明xyz，第二次声明相当于直接给xyz赋值
xyz = 1;
function fx(){console.log(xyx)}
xyz = 2;
fx();

Answer 2

不是函数调用时才去执行函数体么？
根据js 执行机制

1. 先 xyz 变量 定义 并赋值 为 1，
2. 再 定义赋值 xyz 为2 ，覆盖了之前的值
3. 调用 fx() ,

所以就为2

  var xyx = 1;
  function fx(){console.log(xyx)  }   // 1
  fx();
  var xyx = 2;

不知道对不对

Answer 3

var 美国总统 = 奥巴马
function 暗杀(){弄死美国总统}
var 美国总统 = 特朗普

暗杀()
//特朗普,卒.

你函数内的变量名只是指向了地址,而不是数字1.这一点要牢记,有时候会出现更难以理解的情况.

Answer 4

首先你得清楚是什么时候开始函数体内的执行环境的,调用的时候才开始的，而变量会提升,这个xyz的全局变量的初始化是在 调用之前的。所以你能拿到2

Answer 5

变量提升了啊

Answer 6

简单的说，这是一段同步代码。

在执行fn前，依次执行，变量定义-变量赋值1-函数定义-变量赋值2。

执行时变量已被赋值2，跟函数定义没有关系。

Answer 7

fx();是在最后执行的

Answer 8

你是否在纠结变量声明提升 和函数声明提升的问题?

此处不涉及声明提升的影响

调用之前的代码均会执行 你可以理解为除去声明提升,会在函数调用之前把所有关于此类相关的声明均执行一次