JavaScript関数でのグローバル変数の定義


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変数。 これはうまくいくでしょうし、スコープの上に変数を宣言するのがよい習慣に従います:)

Question

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>



関数外でtrailimage変数を定義するのは非常に簡単で、makeObj関数でその値を設定します。 今すぐどこからでもその価値にアクセスできます。

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



スタートアップ関数を作成する場合、グローバル関数と変数を次のように定義することができます。

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

関数はこの引数でグローバルに呼び出されるため、これはここではグローバルスコープです。 だから、何かがグローバルなものでなければならない。




いいえ、できません。 関数の外で変数を宣言するだけです。 値を割り当てると同時に宣言する必要はありません。

var trailimage;

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



ここにhelfulできるサンプルコードがあります。

  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 

ここで私は素敵な答えを見つけました。JavaScriptでHow-can-one-declare-a-global-variable-in-JavaScript