[javascript] 전역 변수가 JavaScript에서 정의되지 않은 값을 가지고 있다는 사실에 놀랐습니다.

물론 전역 범위뿐만 아니라 외부 변수에 대한 액세스를 유지하는 가장 간단한 방법은 함수에서 동일한 이름으로 다시 선언하지 않는 것입니다. 거기에서 var를 사용하지 마십시오 . 의 사용은 적절한 설명 명명 규칙이 좋습니다. 그것들을 사용하면 값 과 같은 이름의 변수로 끝나기 어려울 것입니다 (이 측면은 단순성을 위해이 변수 이름이 주어 졌을 수 있으므로 질문의 예제와 반드시 관련이있는 것은 아닙니다).

함수가 다른 곳에서 재사용 될 수 있으므로 외부 변수가 실제로 해당 새 컨텍스트에서 정의된다는 보장이없는 경우 Eval 함수를 사용할 수 있습니다. 이 작업은 느리므로 성능이 필요한 기능에는 권장되지 않습니다.

if (typeof variable === "undefined")
{
    eval("var variable = 'Some value';");
}

액세스하려는 외부 범위 변수가 명명 된 함수에 정의되어있는 경우 처음에는 함수 자체에 연결된 다음 코드의 어느 곳에서나 액세스 할 수 있습니다 (깊이 중첩 된 함수 또는 외부의 이벤트 처리기에서). 다른 모든 것. 속성에 액세스하는 것이 훨씬 느리고 프로그래밍 방식을 변경해야하므로 실제로 필요한 경우가 아니면 권장하지 않습니다. Variables as properties of functions (JSFiddle) :

// (the wrapper-binder is only necessary for using variables-properties
// via "this"instead of the function's name)
var functionAsImplicitObjectBody = function()
{
    function someNestedFunction()
    {
        var redefinableVariable = "redefinableVariable's value from someNestedFunction";
        console.log('--> functionAsImplicitObjectBody.variableAsProperty: ', functionAsImplicitObjectBody.variableAsProperty);
        console.log('--> redefinableVariable: ', redefinableVariable);
    }
    var redefinableVariable = "redefinableVariable's value from someFunctionBody";
    console.log('this.variableAsProperty: ', this.variableAsProperty);
    console.log('functionAsImplicitObjectBody.variableAsProperty: ', functionAsImplicitObjectBody.variableAsProperty);
    console.log('redefinableVariable: ', redefinableVariable);
    someNestedFunction();
},
functionAsImplicitObject = functionAsImplicitObjectBody.bind(functionAsImplicitObjectBody);
functionAsImplicitObjectBody.variableAsProperty = "variableAsProperty's value, set at time stamp: " + (new Date()).getTime();
functionAsImplicitObject();

// (spread-like operator "..." provides passing of any number of arguments to
// the target internal "func" function in as many steps as necessary)
var functionAsExplicitObject = function(...arguments)
{
    var functionAsExplicitObjectBody = {
        variableAsProperty: "variableAsProperty's value",
        func: function(argument1, argument2)
        {
            function someNestedFunction()
            {
                console.log('--> functionAsExplicitObjectBody.variableAsProperty: ',
                    functionAsExplicitObjectBody.variableAsProperty);
            }
            console.log("argument1: ", argument1);
            console.log("argument2: ", argument2);
            console.log("this.variableAsProperty: ", this.variableAsProperty);
            someNestedFunction();
        }
    };
    return functionAsExplicitObjectBody.func(...arguments);
};
functionAsExplicitObject("argument1's value", "argument2's value");