在JavaScript函数中定义全局变量
是否可以在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>
或者，您可以在window上指定属性：
<script>
function foo() {
window.yourGlobalVariable = ...;
}
</script>
...因为在浏览器中，用var声明的所有全局变量全局变量都是window对象的属性。 （在ECMAScript 2015的最新规范中，全局范围内的新let ， const和class语句会创建全局对象属性的全局变量; ES2015中的新概念。）
（也有一些隐含的全局变量的恐怖，但不要故意这样做，尽量避免误操作，也许通过使用ES5的"use strict" 。
所有这一切说：如果可能的话，我会避免全局变量（你几乎可以肯定）。 正如我所提到的，它们最终成为window属性，而window已经足够拥挤，所有具有id元素（以及许多只有一个name ）都被倾倒在里面（不管即将到来的规范如何，IE都会倾倒任何东西在那里有一个name ）。
相反，将代码封装在范围函数中，并使用该范围函数的局部变量，并将其他函数封闭在其中：
<script>
(function() { // Begin scoping function
var yourGlobalVariable; // Global to your code, invisible outside the scoping function
function foo() {
// ...
}
})(); // End scoping function
</script>
UPDATE1：如果你阅读评论，围绕这个特定的命名约定有一个很好的讨论。
UPDATE2：看起来，自从我的答案发布以来，命名约定变得更加正式了。 教授，写书等的人讲述了关于var声明和function声明。
UPDATE3：这是另一个支持我的观点的wikipedia帖子：http://en.wikipedia.org/wiki/Declaration_(computer_programming)#Declarations_and_Definitions
......并回答主要问题。 在函数之前使用DECLARE变量。 这将起作用，它将符合在范围顶部声明变量的良好做法:)
只需声明
var trialImage;
外。 然后
function makeObj(address) {
trialImage = [address, 50, 50];
..
..
}
希望这可以帮助。
链接地址: http://www.djcxy.com/p/2789.html上一篇: Define global variable in a JavaScript function
下一篇: JavaScript check if variable exists (is defined/initialized)