Zdefiniuj zmienną globalną w funkcji JavaScript

Czy można zdefiniować zmienną globalną w funkcji JavaScript?

Chcę użyć zmiennej trailimage (zadeklarowanej w funkcji makeObj) w innych funkcjach.

<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
Edytowane pytanie 6. kwietnia 2018 в 8:07
Programowanie
javascript variables scope function declaration
26. kwietnia 2011 в 6:36
11 opinie

Wystarczy zadeklarować

var trialImage;

na zewnątrz. Następnie

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

Mam nadzieję, że to pomoże.

Komentarze (0)

Wystarczy zadeklarować go poza funkcjami, a wartości przypisać wewnątrz funkcji. Coś w stylu:

<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

Lub po prostu usuwając "var" z nazwy zmiennej wewnątrz funkcji również czyni ją globalną, ale lepiej jest zadeklarować ją na zewnątrz raz dla czystszego kodu. To również będzie działać:

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

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

Mam nadzieję, że ten przykład wyjaśni więcej: 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
Edytowana odpowiedź 19. maja 2012 в 6:16
Komentarze (0)

Nie, nie możesz'nie. Po prostu zadeklaruj zmienną poza funkcją. Nie musisz deklarować jej w tym samym czasie, w którym przypisujesz wartość:

var trailimage;

function makeObj(address) {
  trailimage = [address, 50, 50];
Guffa
Edytowana odpowiedź 29. czerwca 2016 в 7:58
Komentarze (4)