JS IF 作用域

最新推荐文章于 2025-03-22 22:58:35 发布

雾里看花叹朦胧

最新推荐文章于 2025-03-22 22:58:35 发布

阅读量6.1k

点赞数 2

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/hsl0530hsl/article/details/77944965

版权

javascript 专栏收录该内容

55 篇文章

订阅专栏

本文探讨了JavaScript中IF语句如何影响变量作用域，特别是关于变量提升的概念。通过实例分析，揭示了在IF条件语句中声明的变量和函数的可见性和生命周期，帮助开发者理解潜在的陷阱和最佳实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随笔记录一下JS 中使用域自动提升时的一些注意点：

/**
 * Created by HuangSL on 2017/09/12.
 */
function testScope() {

    var funInner = "Inner";
    funcOut = "outer"; //没有 var 声明，会被自动提升到 全局作用域

    if (true) {
        var ifInner = "Inner if true"; //变量的作用域被自动提升到 testScope fun
        ifOuter = "Outer if true"; //没有 var 声明，会被自动提升到 全局作用域
    }

    if (false) {
        var ifInnerFalse = "Inner if false";//变量的作用域被自动提升到 testScope fun
        ifOuterFalse = "Outer if false"; //可以防止变量的作用域被自动提升
    }

    console.log(funInner); //Inner
    console.log(funcOut); //outer
    console.log(window.funcOut); //outer
    console.log(ifInner); //Inner if true
    console.log(ifInnerFalse); //undefined
    console.log(ifOuter); //Outer if true
    console.log(window.ifOuter); //Outer if true
    //console.log(ifOuterFalse);//ReferenceError: ifOuterFalse is not defined
}
testScope();

/* typeof 可以用来补全一些全局方法或变量 */
//console.log(globalFun);//ReferenceError: globalFun is not defined
console.log(typeof globalFun);// "undefined"
if (typeof globalFun === "undefined") {
    globalFun = function () { //不使用 var ，如果变量已经存在，将不会被重复声明，可以防止某些变量重名而出错
        console.log("this is my global function;");
    }
}
console.log(typeof globalFun);// "function"