javascript - 为什么这种写法是错的

问题描述

问 题

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

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不是非编译的么。

解决方案

B和A在作用域链上是平级关系，并不会因为B调用了A就变成A的父作用域，除非A在B里面声明

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

你下面那段示例代码中的两个val是完全不同的两个变量，没有任何关系

这篇关于javascript - 为什么这种写法是错的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！