gpt4 book ai didi

javascript - 在 JavaScript 函数中定义全局变量

转载 作者:IT老高 更新时间:2023-10-28 11:15:36 25 4
gpt4 key购买 nike

是否可以在 JavaScript 函数中定义全局变量?

我想在其他函数中使用 trailimage 变量(在 makeObj 函数中声明)。

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript">
var offsetfrommouse = [10, -20];
var displayduration = 0;
var obj_selected = 0;
function makeObj(address) {
**var trailimage = [address, 50, 50];**
document.write('<img id="trailimageid" src="' + trailimage[0] + '" border="0" style=" position: absolute; visibility:visible; left: 0px; top: 0px; width: ' + trailimage[1] + 'px; height: ' + trailimage[2] + 'px">');
obj_selected = 1;
}

function truebody() {
return (!window.opera && document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
}
function hidetrail() {
var x = document.getElementById("trailimageid").style;
x.visibility = "hidden";
document.onmousemove = "";
}
function followmouse(e) {
var xcoord = offsetfrommouse[0];
var ycoord = offsetfrommouse[1];
var x = document.getElementById("trailimageid").style;
if (typeof e != "undefined") {
xcoord += e.pageX;
ycoord += e.pageY;
}
else if (typeof window.event != "undefined") {
xcoord += truebody().scrollLeft + event.clientX;
ycoord += truebody().scrollTop + event.clientY;
}
var docwidth = 1395;
var docheight = 676;
if (xcoord + trailimage[1] + 3 > docwidth || ycoord + trailimage[2] > docheight) {
x.display = "none";
alert("inja");
}
else
x.display = "";
x.left = xcoord + "px";
x.top = ycoord + "px";
}

if (obj_selected = 1) {
alert("obj_selected = true");
document.onmousemove = followmouse;
if (displayduration > 0)
setTimeout("hidetrail()", displayduration * 1000);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<img alt="" id="house" src="Pictures/sides/right.gif" style="z-index: 1; left: 372px;
top: 219px; position: absolute; height: 138px; width: 120px" onclick="javascript:makeObj('Pictures/sides/sides-not-clicked.gif');" />
</form>
</body>
</html>

最佳答案

正如其他人所说,您可以使用 var在全局范围(所有函数和模块之外)声明一个全局变量:

<script>
var yourGlobalVariable;
function foo() {
// ...
}
</script>

(请注意,这仅适用于 global 范围。如果该代码在模块中 - <script type="module">...</script> - 它不会在全局范围内,因此不会创建全局。 )

或者:

在现代环境中,您可以将 globalThis 分配给对象上的属性。指的是(globalThis 是在 ES2020 中添加的):

<script>
function foo() {
globalThis.yourGlobalVariable = ...;
}
</script>

在浏览器上,您可以对名为 window 的全局变量执行相同的操作。 :

<script>
function foo() {
window.yourGlobalVariable = ...;
}
</script>

...因为在浏览器中,所有全局变量使用 var 声明的全局变量是 window 的属性目的。 (在最新规范 ECMAScript 2015 中,新的 letconstclass 语句在全局范围内创建不是全局对象属性的全局变量;ES2015 中的新概念。)

(也有 the horror of implicit globals ,但不要故意这样做,尽量避免意外这样做,也许是使用 ES5 的 "use strict" 。)

说了这么多:如果可以(而且几乎可以肯定),我会避免使用全局变量。正如我所提到的,它们最终成为 window 的属性。 , 和 window已经是 plenty crowded enough所有带有 id 的元素怎么办? (许多只有 name )被转储在其中(并且无论即将推出的规范,IE 都会转储任何带有 name 的东西)。

相反,在现代环境中,使用模块:

<script type="module">
let yourVariable = 42;
// ...
</script>

模块中的顶级代码位于模块范围内,而不是全局范围内,因此会创建一个该模块中的所有代码都可以看到的变量,但这不是全局的。

在没有模块支持的过时环境中,将您的代码包装在一个作用域函数中并使用该作用域函数的本地变量,并在其中使您的其他函数闭包:

<script>
(function() { // Begin scoping function
var yourGlobalVariable; // Global to your code, invisible outside the scoping function
function foo() {
// ...
}
})(); // End scoping function
</script>

关于javascript - 在 JavaScript 函数中定义全局变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5786851/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com