JavaScript中全局变量和局部变量以及var关键字的有趣案例(变量提升/变量前置)

拼搏现实的明天。 2022-11-05 12:58 154阅读 0赞

[JavaScript中undefined和is not defined异常][JavaScript_undefined_is not defined]

**不解释，直接看代码**

<script type="text/javascript">
    function f() {
    	console.log(userName);  //undefined
    	//局部变量(在函数内，使用var关键字声明的变量是局部变量)
    	var userName = '陈宇寒'; //userName是局部变量
    }
    f();
    
    
    // var str2 = "于都县";
    //上面那一行代码注释掉就会报错str2 is not defined，上面那一行代码不注释掉就会打印于都县
    // console.log(str2);
    
    console.log(str1); //undefined
    //变量提升/变量前置(变量的声明会自动前置，变量的赋值还是留在原来的位置上)
    var str1 = "赣南脐橙";
    
    function t1() {
    // 	console.log("-----" + str2);  //str2 is not defined
    //全局变量(在函数内，没有使用var关键字声明的变量是全局变量)
    	str2 = '江西赣州于都县'; //str2是全局变量
    	console.log("#####" + str2); //#####江西赣州于都县
    	console.log("！！！！！" + window.str2); //！！！！！江西赣州于都县
    }
    t1();
    console.log("*****" + str2); //*****江西赣州于都县
    console.log("=====" + window.str2); //=====江西赣州于都县
    
    
    function hi() {
    //在函数内，凡是没有使用var关键字声明的变量，最终都会成为全局对象window的属性
    	money = 666; //在函数内，凡是没有使用var关键字声明的变量，该变量最终都会成为全局变量
    	console.log(money); //666
    	console.log(window.money); //666
    }
    hi();
    console.log(money); //666
    console.log(window.money); //666
    </script>

**运行结果如下：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70][]

**以后有时间我再详细的讲讲JavaScript中的变量提升/变量前置。**

[JavaScript_undefined_is not defined]: https://blog.csdn.net/sheldon178/article/details/48298151/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70]: /images/20221023/18ef6b0c56b2424a972ceb52707b8b43.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关全局变量和局部变量

> 全局变量是存放在静态存储区，而且全局变量定义在函数之外，作用域是整个程序。 > 局部变量是存放在栈区的，定义在函数之内，作用域是函数内，出函数自动销毁。 inc

淡淡的烟草味﹌/ 2023年09月23日 13:15/ 0 赞/ 172 阅读

相关 javascript中变量提升、变量前置、变量提前

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUw

浅浅的花香味﹌/ 2022年11月16日 10:38/ 0 赞/ 180 阅读

相关 JavaScript中全局变量和局部变量以及var关键字的有趣案例(变量提升/变量前置)

[JavaScript中undefined和is not defined异常][JavaScript_undefined_is not defined] 不解释，直接看代码

拼搏现实的明天。/ 2022年11月05日 12:58/ 0 赞/ 155 阅读

相关 javascript 局部变量全局变量详解

学习 javascript 时，有必要了解 JS 的局部变量和全局变量到底有什么区别，下面17JAVASCRIPT跟大家详细说明一下。 js中函数执行过程不只是单纯的

缺乏、安全感/ 2022年08月13日 00:38/ 0 赞/ 321 阅读

相关局部变量、全局变量和静态变量的关系。

这里简单的说下局部变量和全局变量和静态变量的关系。首先，全局变量存储在静态存储区；局部变量存储在动态存储区，是存储在栈里的；静态变量类型说明符是stat

心已赠人/ 2022年08月08日 14:48/ 0 赞/ 249 阅读

相关 JavaScript 诡异的全局变量和局部变量

![再见][bye.gif]JS的混乱+我的迷糊，整个世界都天旋地转了。 1.先来一个貌似是正常的： //全局变量 var str = 'abc';

淡淡的烟草味﹌/ 2022年07月13日 05:24/ 0 赞/ 218 阅读

相关全局变量和局部变量

成员变量定义：直接定义在类中的变量作用域：在整个类的内部都可以访问局部变量定义：定义在方法中的变量作用域：只在定义该局部变量的方法内部

落日映苍穹つ/ 2022年06月11日 03:36/ 0 赞/ 261 阅读

相关 Java中的变量：全局变量与局部变量

> 局部变量定义：顾名思义，局部变量定义在局部范围内，可以是一个方法，也可以是一个语句，也可以是一个代码块是否需要初始化：局部变量在使用前必须要初始化，否则编译报错。

深藏阁楼爱情的钟/ 2022年06月08日 14:12/ 0 赞/ 308 阅读

相关 JavaScript中局部变量与全局变量

我们知道，JavaScript的变量是松散型的变量，也就是说，其变量只需用var声明，其赋值的类型是不限定的。比如： <table style="font-family:'H

蔚落/ 2022年02月09日 12:25/ 0 赞/ 311 阅读

相关全局变量和局部变量

全局变量：可以被不同的函数、类或文件调用的变量，在函数外定义。局部变量：只能在函数内使用，定义在函数内。局部变量的使用：

古城微笑少年丶/ 2021年12月13日 22:51/ 0 赞/ 415 阅读