Définir une variable globale dans une fonction JavaScript

Est-il possible de définir une variable globale dans une fonction JavaScript ?

Je veux utiliser la variable trailimage (déclarée dans la fonction makeObj) dans d'autres fonctions.

<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>
cнŝdk
Question modifiée 6 avril 2018 в 8:07
Programmation
javascript variables scope function declaration
26 avril 2011 в 6:36
7 vues

Il suffit de déclarer

var trialImage;

à l'extérieur. Puis

function makeObj(address) {
    trialImage = [address, 50, 50];
..
..
}

J'espère que ça vous aidera.

Commentaires (0)

Il suffit de le déclarer en dehors des fonctions, et d'attribuer des valeurs à l'intérieur des fonctions. Quelque chose comme :

<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

Ou simplement en enlevant "var&quot ; de votre nom de variable à l'intérieur de la fonction, cela la rend globale, mais il est préférable de la déclarer à l'extérieur une fois pour un code plus propre. Ceci fonctionnera également :

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

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

J'espère que cet exemple est plus explicite : 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);
Peter Mortensen
Réponse modifiée 19 mai 2012 в 6:16
Commentaires (0)

Non, vous ne pouvez pas. Il suffit de déclarer la variable en dehors de la fonction. Il n'est pas nécessaire de la déclarer en même temps que vous lui attribuez une valeur :

var trailimage;

function makeObj(address) {
  trailimage = [address, 50, 50];
Guffa
Réponse modifiée 29 juin 2016 в 7:58
Commentaires (4)