Definiowanie zmiennej globalnej w funkcji JavaScript

Jeśli czytasz Komentarze, to jest miła dyskusja wokół tej konkretnej konwencji nazewnictwa.

Wygląda na to, że odkąd moja odpowiedź została opublikowana, konwencja nazewnictwa stała się bardziej formalna. Ludzi, którzy uczą, piszą książki itp. mów o var deklaracji i function deklaracji.

Oto dodatkowy Post Wikipedii, który wspiera mój punkt: deklaracje i definicje ...i odpowiedzieć na główne pytanie. Zadeklaruj zmienną przed funkcją. To będzie praca i będzie zgodna z dobrą praktyką deklarowania zmiennych na górze zakresu:)

Just declare

var trialImage;

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

Nie, Nie możesz. po prostu zadeklaruj zmienną poza funkcją. Nie musisz deklarować go w tym samym czasie, gdy przypisujesz wartość:

var trailimage;

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

Po prostu zadeklaruj to poza funkcjami i przypisz wartości 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 usunięcie " var " z nazwy zmiennej wewnątrz funkcji również czyni ją globalną, ale lepiej jest zadeklarować ją raz na zewnątrz dla czystszego kodu. To również zadział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śnia 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);

To bardzo proste. Zdefiniuj zmienną trailimage poza funkcją i ustaw jej wartość w funkcji makeObj . Teraz możesz uzyskać dostęp do jego wartości z dowolnego miejsca.

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 - it's 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;

Zdaję sobie sprawę, że jest w tym prawdopodobnie wiele błędów składniowych, ale to ogólna idea... Wielkie dzięki LayZee za wskazanie tego... Możesz dowiedzieć się, co to jest magazyn lokalny i sesyjny w http://www.w3schools.com/html/html5_webstorage.asp. potrzebowałem tego samego do mojego kodu i to był naprawdę dobry pomysł.

Klasyczny przykład:

window.foo = 'bar';

Nowoczesny, bezpieczny przykład podążający za najlepszą praktyką za pomocą IIFE :

;(function (root) {
    'use strict'

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

Obecnie istnieje również opcja użycia WebStorage API :

localStorage.foo = 42;

Lub

sessionStorage.bar = 21;

Pod względem wydajności, nie jestem pewien, czy jest to zauważalnie wolniejsze niż przechowywanie wartości w zmiennych.

Powszechne wsparcie dla przeglądarek, jak podano na mogę użyć....

Istnieją trzy rodzaje zakresu w JavaScript:

• Global Scoop: gdzie zmienna jest dostępna za pomocą kodu.
• Block Scoop: gdzie zmienna jest dostępna wewnątrz pewnego obszaru jak funkcja.
• local Scoop: gdzie zmienna jest dostępna w bardziej określonych obszarach, np. if - twierdzenie

Jeśli dodasz Var przed nazwą zmiennej, to jej miarka jest określana gdzie jej położenie is

Przykład:

var num1 = 18; // Global scope
function fun() {
  var num2 = 20; // Local (Function) Scope
  if (true) {
    var num3 = 22; // Block Scope (within an if-statement)
  }
}

num1 = 18; // Global scope
function fun() {
  num2 = 20; // Global Scope
  if (true) {
    num3 = 22; // Global Scope
  }
}

Jeśli chcesz, aby zmienna wewnątrz funkcji była dostępna poza funkcją, zwróć wyniki zmiennej wewnątrz funkcji.

var x = function returnX { var x = 0; return x; } taki jest pomysł...

    <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;
            return trailimage;
        }

        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>

Nie testowałem tego, ale jeśli twój kod działał przed tą małą zmianą, to powinien działać.

Używanie obiektu window nie jest dobrym pomysłem. Jak widzę w komentarzach,

'use strict';

function showMessage() {
    window.say_hello = 'hello!';
}

console.log(say_hello);

Spowoduje to błąd podczas używania zmiennej say_hello, którą musimy najpierw wywołać showMessage function.

Oto kolejna prosta metoda udostępnienia zmiennej w innych funkcjach bez konieczności używania zmiennych globalnych:

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

makeObj();
someOtherFunction();

Oto przykładowy kod, który może być pomocny.

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 because it's a local variable 

Tutaj znalazłem ładną odpowiedź: Jak Można zadeklarować zmienną globalną w JavaScript?

Jeśli tworzysz funkcję startową, możesz zdefiniować globalne funkcje i zmienne w ten sposób:

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

Ponieważ funkcja jest wywoływana globalnie z tym argumentem, jest to zakres globalny. Więc coś powinno być czymś globalnym.