js 局部变量和全局变量

Question

function f(shouldInitialize: boolean) {    if (shouldInitialize) {        var x = 10;    }    return x;}f(true);  // returns '10'f(false); // returns 'undefined'此处的 x虽然在if语句中 但是也是在f函数中作为局部变量 为什么 false返回的是undefined呢 ?不是应该也返回10吗

Answer 1

function f(params){

        var x;

        if(params){

            x = 10; //var x=10; 变量提升到最顶层

        }

        return x;

    }

    f(false);//undefined 

非常感谢热心小伙伴的指点， 楼上说的变量提升就是这个意思吧 这应该就是程序走的步骤

Answer 2

这是作用域的问题。
用了var关键字，变量作用域提升，true的时候，if外面可见x，false的时候不走这里，外面看不到。

你可以试下let或者const，即使你true，直接报错x没定义。

Answer 3

这个问题，var是函数作用域也就是function级别。{}限制不了它的域，存在变量提示。
也就是js解释器在解释的时候第一遍会遍历function里的变量做预声明，然后再按行解析。
这道题，程序进入函数后：

1. 先声明x，但是不赋值，为undefined

2. 然后解析if，发现为false，那么var x = 10; 这句不执行，直接执行 return x。然后就是undefined

---

你可以对比下面两段代码

function f(shouldInitialize = true) {

    console.log(x);

    if (shouldInitialize) {

        var x = 10;

    }

    return x;

}

f(false); // returns 'undefined'

function f(shouldInitialize = true) {

    console.log(x);

    if (shouldInitialize) {

        let x = 10;

    }

    return x;

}

f(false); // let 作用域是块也就是{}，解析阶段会报错

Answer 4

你这个幸好是var命中了js的awful parts
如果你试试const let，会直接报ReferenceError。

Answer 5

兄弟你哪个实参如果接收了false的话说明false为0 就不会走if语句内的结构了 返回的结果自然就是undefined了

Answer 6

该说的楼上都说了，我只是翻译一下。

function f(shouldInitialize: boolean) {

    var x;//这就是所谓的声明提升

    if (shouldInitialize) {

        x = 10;

    }

    return x;

}

f(true);  // returns '10'

f(false); // returns 'undefined'

Answer 7

（1）传入参数为true时，if语句执行，存在变量提升情况。此时，f()函数如下。

function f(shouldInitialize: boolean) {

    var x;  //变量提升

    if (shouldInitialize) {

       x = 10;

    }

    return x;

}

f(true);  // returns '10'

（2）传入参数为false时，if语句对应的赋值语句没有执行，但依旧存在var变量声明和变量提升。此时，f()函数如下。

//传入参数为false时

function f(shouldInitialize: boolean) {

    var x；  //变量提升

    return x;

}

f(false);  // returns 'undefined'

Answer 8

变量提升，尽量少用var，用let就明白咋回事了

Answer 9

你的第一个问题：返回的是undefined呢？看到问题第一反应是用变量提升来帮你解答，但是看到第二个问题，你竟然问：不是应该也返回10吗？突然犹豫要不要解答第一个问题了。