为什么这种写法是错的

Question

今天突然想到个问题，如果在方法中访问一个将来会存在的变量，能不能成功，如下：

function A() {    console.log(val);
}function B() {    var val = 123;
    A();
}
B();//报错，val未定义

按我的想法，A在运行时，首先在内部找不到val，必定会沿着作用域链往上找，它会在B方法里找到一个val，应该不会报错才对。如果改成这样：

var val = 456;function A() {    console.log(val);
}function B() {    var val = 123;
    A();
}
B();//456

这次val输出的是456，说明A在运行时确实沿着作用域链找到了最外层的val，那为什么会无视掉B中的val呢。

难道A方法在定义的时候就必须保证val是存在的？js不是非编译的么。