function 在JavaScript函数中定义全局变量





5 Answers

UPDATE1:如果你阅读评论,围绕这个特定的命名约定有一个很好的讨论。

UPDATE2:看起来,自从我的答案发布以来,命名约定变得更加正式了。 教授,写书等的人讲述了关于var声明和function声明。

UPDATE3:这是另一个支持我的观点的wikipedia帖子: http://en.wikipedia.org/wiki/Declaration_(computer_programming)#Declarations_and_Definitions : http://en.wikipedia.org/wiki/Declaration_(computer_programming)#Declarations_and_Definitions computer_programming)#Declarations_and_Definitions

......并回答主要问题。 在函数之前使用DECLARE变量。 这将起作用,它将符合在范围顶部声明变量的良好做法:)

javascript function variables scope declaration

是否可以在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 trailimage;

function makeObj(address) {
  trailimage = [address, 50, 50];



非常简单的定义函数外的trailimage变量,并在makeObj函数中设置它的值。 现在你可以从任何地方访问它的价值。

var offsetfrommouse = [10, -20];
var displayduration = 0;
var obj_selected = 0;
var trailimage;
function makeObj(address) {
      trailimage = [address, 50, 50];
      ....
}



这里有一个示例代码,可能会很有帮助。

  var Human = function(){
   name = "Shohanur Rahaman";  // global variable
   this.name = "Tuly"; // constructor variable 
   var age = 21;
 };

  var shohan = new Human();

 document.write(shohan.name+"<br>");
 document.write(name);
 document.write(age); // undefined cause its local variable 

在这里,我找到了一个很好的答案。 How-can-one-declare-a-global-variable-in-JavaScript




如果你正在创建一个启动函数,你可以用这种方式定义全局函数和变量:

function(globalScope)
{
     //define something
     globalScope.something() { 
         alert("It works");
     };
}(window)

因为该函数是用这个参数全局调用的,所以这里是全局作用域。 所以,这件事应该是全球性的。




Related