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>

Answers


はい、他の人が言ったように、グローバル変数を宣言するために、グローバルスコープ(すべての関数の外)でvarを使うことができます:

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

あるいは、 window上のプロパティに割り当てることができwindow

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

...ブラウザでは、 すべてのグローバル変数 var宣言されたグローバル変数は、 windowオブジェクトのプロパティです。 (最新の仕様では、ECMAScript 2015では、グローバルスコープの新しいletconst 、および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];
..
..
}

お役に立てれば。




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

var trailimage;

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



関数の外で宣言し、関数内に値を代入してください。 何かのようなもの:

<script type="text/javascript">
    var offsetfrommouse = [10, -20];
    var displayduration = 0;
    var obj_selected = 0;
    var trailimage = null ;  // GLOBAL VARIABLE
    function makeObj(address) {
        trailimage = [address, 50, 50];  //ASSIGN VALUE

あるいは関数内で変数名から "var"を削除するだけでグローバルにすることもできますが、コードを一度外に宣言する方がより安全です。 これはまた動作します:

var offsetfrommouse = [10, -20];
var displayduration = 0;
var obj_selected = 0;

function makeObj(address) {
    trailimage = [address, 50, 50];  //GLOBAL VARIABLE , ASSIGN VALUE

私はこの例がもっと説明してくれることを願っています: http : //jsfiddle.net/qCrGE/

var globalOne = 3;
testOne();

function testOne()
{
    globalOne += 2;
    alert("globalOne is : " + globalOne );
    globalOne += 1;
}

alert("outside globalOne is : " + globalOne);

testTwo();

function testTwo()
{
    globalTwo = 20;
    alert("globalTwo is " + globalTwo);
    globalTwo += 5;
}

alert("outside globalTwo is :" + globalTwo);



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

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



    var Global = 'Global';

    function LocalToGlobalVariable() {

    //This creates a local variable.

    var Local = '5';

    //Doing this makes the variable available for one session
    //(a page refresh - Its the session not local)

    sessionStorage.LocalToGlobalVar = Local;

    // It can be named anything as long as the sessionStorage references the local variable.
    // Otherwise it won't work
    //This refreshes the page to make the variable take effect instead of the last variable set.

    location.reload(false);
    };

    //This calls the variable outside of the function for whatever use you want.

    sessionStorage.LocalToGlobalVar;

私はおそらくこれに多くの文法エラーがあることを認識していますが、一般的な考えです... LayZeeがこれを指摘してくれてありがとうございます...あなたはローカルとセッションのストレージがhttp://www.w3schoolsにあります。 com / html / html5_webstorage.asp 私は自分のコードに同じことが必要でした。これは本当に良いアイデアでした。




ここに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でグローバル変数を宣言する方法




クラシックな例:

window.foo = 'bar';

IIFEを使用してベストプラクティスを実行した最新の安全な例:

;(function (root) {
    'use strict'

    root.foo = 'bar';
)(this));

今日、 WebStorage APIを使用するオプションもあります

localStorage.foo = 42;

または

sessionStorage.bar = 21;

パフォーマンス上、変数に値を格納するよりもはるかに遅いかどうかはわかりません。

私が使用することができます上で述べたように広範なブラウザのサポート...




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

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

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




変数をグローバル変数を使用せずに他の関数で利用できるようにするもう1つの簡単な方法は次のとおりです。

function makeObj() {
  // var trailimage = 'test';
  makeObj.trailimage = 'test';
}
function someOtherFunction() {
  document.write(makeObj.trailimage);
}

makeObj();
someOtherFunction();