可以在任何编程语言中在其访问范围的上下文中声明两种类型的变量。 局部变量和全局变量。
全局作用域变量 – 全局作用域变量是在代码文件内全局声明的变量，可以由文件内的任何代码块或任何函数访问。这些变量的范围是全局的。
局部作用域变量 – 这些是在函数或特定代码块内部声明的变量，只能在该特定代码块内访问或使用，而不能在该代码块外部访问或使用。这些变量的范围仅限于特定的代码块，这就是为什么这些变量是局部范围的变量。
在本文中，我们将了解如何使用 JavaScript 更改函数内代码文件中全局变量的值。
使用 JavaScript 更改函数内全局变量的值非常简单。在 JavaScript 中，我们可以通过两种方式更改全局变量的值，如下所示 –
-
直接更改值。
-
使用方括号语法更改值。
让我们借助代码示例详细了解这些方法的实际实现。
直接更改值
在这个方法中，我们可以直接改变全局变量的值，通过使用全局变量的名字来给它赋值。
语法
以下语法将帮助您了解如何直接访问和更改全局变量的值 –
var global_variable_name = initial_value;
function() {
global_variable_name = new_value;
}
让我们借助 JavaScript 代码示例来了解此方法的实际实现。
算法
-
步骤 1 – 在第一步中，我们将向 HTML 文档添加两个不同的 input 元素，每个元素的 type 属性值为 number，以获取两个数字输入来自他们选择的用户。
-
步骤 2 – 在下一步中，我们将在文档中添加一个按钮元素，并使用 onclick 事件，该事件接受一个函数，并在用户单击按钮时调用它。 p>
-
步骤 3 – 在第三步中，我们将定义一个 JavaScript 函数并将其作为值分配给上一步中添加的按钮的 onclick 事件。
-
步骤 4 – 在此步骤中，我们将获取用户在输入元素中输入的值，并使用这两个值的乘积更改全局变量的值。所有这些操作都在上一步中声明的函数内执行。
示例
下面的示例将向您解释如何使用 JavaScript 更改函数中全局变量的值 –
<html>
<body>
<h2> Change the value of a global variable inside of a function using JavaScript </h2>
<p id = "upper">The initial value that is assigned to the global variable <b>globe is: 8</b></p>
<p>Enter any two numbers:</p>
<input type = "number" id = "inp1"> <br> <br>
<input type = "number" id = "inp2"> <br> <br>
<button id = "btn" onclick = "changeVal()">click to change the value</button>
<p id = "result"> </p>
<script>
var result = document.getElementById("result");
var globe = 8;
function changeVal() {
var inp1 = document.getElementById("inp1");
var inp2 = document.getElementById("inp2");
var num1 = Number(inp1.value);
var num2 = Number(inp2.value);
var prevGlobe = globe;
globe = num1 * num2;
result.innerHTML += " The value of the global variable <b> globe </b> is changed from <b> " + prevGlobe + " </b> to <b> " + globe + " </b> the product of the two numbers <b> " + num1 + " * " + num2 + " </b> entered by you. <br> ";
}
</script>
</body>
</html>
在上面的示例中，我们可以清楚地看到，我们将全局变量 globe 的值从 8 更改为由用户每次在名为 changeVal() 的函数内。
用于更改值的方括号语法
这是使用 JavaScript 更改函数内全局变量值的另一种方法或语法。在此方法中，我们将使用方括号语法来访问和更改它的值，而不是直接访问变量。
语法
以下语法将向您展示如何使用方括号语法来访问和更改全局变量的值 –
var global_variable = initial_value;
function() {
window['global_variable'] = new_value;
}
让我们实际实现这个方法，并尝试更改代码示例中全局变量的值。
算法
此示例的算法与上一个示例的算法类似。您只需要将访问函数内部变量的语法从直接语法更改为方括号语法即可。下面的示例将帮助您详细了解必须执行的更改。
示例
下面的示例将向您展示如何使用方括号语法来访问和更改全局语法的值 –
<html>
<body>
<h2>Change the value of a global variable inside of a function using JavaScript</h2>
<p id = "upper">The initial value that is assigned to the global variable <b>globe is: 8</b></p>
<p>Enter any two numbers:</p>
<input type = "number" id = "inp1"> <br> <br>
<input type = "number" id = "inp2"> <br> <br>
<button id = "btn" onclick = "changeVal()">click to change the value</button>
<p id = "result"> </p>
<script>
var result = document.getElementById("result");
var globe = 8;
function changeVal() {
var inp1 = document.getElementById("inp1");
var inp2 = document.getElementById("inp2");
var num1 = Number(inp1.value);
var num2 = Number(inp2.value);
var prevGlobe = window['globe'];
window['globe'] = num1 * num2;
result.innerHTML += " The value of the global variable <b> globe </b> is changed from <b> " + prevGlobe + " </b> to <b> " + globe + " </b> the product of the two numbers <b> " + num1 + " * " + num2 + " </b> entered by you. <br> ";
}
</script>
</body>
</html>
在此示例中，我们使用方括号语法来访问全局变量 globe 的值并将其从初始值更改为两个输入数字的乘积。
在本文中，我们了解了将全局变量的值从初始值更改为某个新值的两种不同方法。我们通过每种方法的代码示例详细讨论了这两种方法，以了解它们的实际实现。
以上就是如何使用 JavaScript 更改函数内部全局变量的值？的详细内容，更多请关注双恒网络其它相关文章！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
8. 精力有限，不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
9.本站默认解压密码为:www.sudo1.com
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。
如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。
我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！
云资源网 » 如何使用 JavaScript 更改函数内部全局变量的值？
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 你们有qq群吗怎么加入？
