javaScript全局变量和局部变量声明

最新推荐文章于 2025-05-21 16:28:11 发布

Monstar_hu

最新推荐文章于 2025-05-21 16:28:11 发布

阅读量637

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/Monstar_hu/article/details/79068004

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了JavaScript中全局变量和局部变量的声明方式。通过示例展示了如何使用var关键字声明全局变量，以及在函数内部不使用var声明时，变量如何默认成为全局变量。同时，也解释了局部变量的作用范围仅限于声明它的函数内部。提供了测试按钮以演示变量的使用和修改。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//全局变量的声明方式1
var global1="momo";

function testG1(){
alert(global1);

//测试新增的全局变量
alert(global2);

//修改全局变量的值
global1="lulu";
}

function testG2(){
alert(global1);

//修改全局变量的值
global1="tantan";
}

function makeV(){
global2="我到底是全局还是局部变量？";//不用var关键字声明在函数的里边，当第一次使用该变量时，会变为全局变量（不推荐，会污染外部的全局变量）

//局部的声明方式
var a=90;//使用var关键字声明在函数的里边即可,作用范围局限于makeV函数
}
</script>
</head>
<body>
<h2>js的全局变量和局部的声明</h2>
<ol>
<li>全局变量的声明方式1：用var关键字声明在函数的外边</li>
<li>全局变量的声明方式2：不用var关键字声明在函数的里边，当第一次使用该变量时，会变为全局变量（不推荐，会污染外部的全局变量）</li>
<li>局部的声明方式：使用var关键字声明在函数的里边即可</li>
</ol>
<hr />
<input type="button" id="" value="测试全局变量1" onclick="testG1();" />
<input type="button" id="" value="测试全局变量2" onclick="testG2();" />
<input type="button" id="" value="创建一个全局变量" onclick="makeV();" />
</body>
</html>