Javascript:两个if类型的未定义语句给出不同的结果

Javascript: two if typeof undefined statements giving different results

本文关键字：结果 语句 未定义 两个 if 类型 Javascript      更新时间：2023-09-26

运行游戏框架版本2.3，尽管它可能不相关:

我有一个包含以下内容的html文件:

<html>
    <head>
        <script type="text/javascript"> if (typeof x === 'undefined') {console.log("x not defined");} else {console.log("in html, x is %s", typeof x);} </script>
        <script type="text/javascript" src="javascripts/somescript.js"></script>
    </head>
</html>

和somescript.js有这个:

(function() {
    jQuery(function() {
        if (typeof x === 'undefined') {
            console.log("in somescript.js, x is %s", typeof x);
            var x = something;
            //other stuff
        }
    });
}).call(this);

当我第一次加载页面时，x是未定义的。但是，当我转到同一应用程序中的不同页面，然后返回时，控制台读取:

in html, x is object
in somescript.js, x is undefined

这很奇怪，因为在html中，if语句为假，但在somescript.js中，相同的if语句为真。

为什么要这样做，我如何确保两个脚本以相同的方式运行?

这是变量提升——如果你在函数内部的任何地方声明一个变量，它的定义将被提升到顶部。

x = 0;
function y() {
    //var x; you don't write it here, but internally this is happening
    if (typeof x === 'undefined') {
        alert('x is undefined');
        var x = 1; //because you use var, you are declaring a new variable x,
                   //so it gets hoisted to the top
    }
}
y(); //alerts x is undefined

但是如果你这样做了:

x = 0;
function y() {
    if (typeof x === 'undefined') {
        alert('x is undefined');
        x = 1; //we don't use var, so we aren't redeclaring it, just setting its value
    }
}
y(); //nothing happens
相关文章：