JavaScript 함수에서 전역 변수 정의


자바 스크립트 함수에서 전역 변수를 정의 할 수 있습니까?

다른 함수에서 trailimage 변수 ( makeObj 함수로 선언)를 사용하고 trailimage .

<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 의 속성에 할당 할 수 있습니다.

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

... 브라우저에서 var 로 선언 된 모든 전역 변수 전역 변수는 window 객체의 속성이기 때문입니다. (최신 사양 인 ECMAScript 2015에서 글로벌 범위의 새로운 let , constclass 문은 전역 객체의 속성이 아닌 전역, 즉 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 : 여기 내 요점을 지원하는 추가 위키 피 디아 게시물이 있습니다. 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 에서 무엇인지 확인할 수 있습니다 . co.kr / 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;

Performancewise, 나는 변수에 값을 저장하는 것보다 현저하게 느린 지 여부를 확신하지 못합니다.

위에 언급 된대로 광범위한 브라우저 지원을 사용할 수 있습니까?




시작 함수를 만드는 경우 전역 함수와 변수를 다음과 같이 정의 할 수 있습니다.

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

함수는이 인수로 전역 적으로 호출되기 때문에 전역 범위입니다. 그래서 무언가는 세계적인 것이되어야합니다.




다음은 전역 변수를 사용하지 않고 다른 함수에서 변수를 사용할 수있게하는 또 다른 쉬운 방법입니다.

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

makeObj();
someOtherFunction();