Переместить JavaScript-методы в глобальную область

Question

В JavaScript можно ли перемещать внутренние функции из одной функции в глобальную область? Я еще не нашел простого способа сделать это.

function moveMethodsIntoGlobalScope(functionName){ 
    //move all of functionName's methods into the global scope 
    //methodsToPutIntoGlobalScope should be used as the input for this function. 
} 

//I want all of the methods in this function to be moved into the global scope so that they can be called outside this function. 
function methodsToPutInGlobalScope(){ 
    function alertSomething(){ 
     alert("This should be moved into the global scope, so that it can be called from outside the function that encloses it."); 
    } 
    function alertSomethingElse(){ 
     alert("This should also be moved into the global scope."); 
    } 
} 

Answer 1

Если вы не хотите, чтобы внести изменения в methodsToPutInGLobalSpace вы можете использовать следующий грязный хак:

var parts = methodsToPutInGlobalScope.toString().split('\n'); 
eval(parts.splice(1, parts.length - 2).join('')); 

В окончательном решении мы можем использовать:

moveMethodsIntoGlobalScope(methodsToPutInGlobalScope); 
alertSomething(); //why doesn't this work? 

function moveMethodsIntoGlobalScope(functionName){ 
    var parts = functionName.toString().split('\n'); 
    eval.call(window, parts.splice(1, parts.length - 2).join('')); 
} 

//I want all of the methods in this function to be moved into the global scope so that they can be called outside this function. 
function methodsToPutInGlobalScope(){ 
    function alertSomething(){ 
     alert("This should be moved into the global scope, so that it can be called from outside the function that encloses it."); 
    } 
    function alertSomethingElse(){ 
     alert("This should also be moved into the global scope."); 
    } 
} 

Live demo

Answer 2

Не очень сложный, но будет работать.

function copyInto(arr, context) { 
    //move all of functionName's methods into the global scope 
    //methodsToPutIntoGlobalScope should be used as the input for this function. 
    for (var i = 0; i < arr.length; i += 2) { 
     var exportName = arr[i]; 
     var value = arr[i + 1]; 
     eval(exportName + "=" + value.toString()); 
    } 
} 

//I want all of the methods in this function to be moved into the global scope so that they can be called outside this function. 
function methodsToPutInGlobalScope() { 
    function alertSomething() { 
     alert("This should be moved into the global scope, so that it can be called from outside the function that encloses it."); 
    } 

    function alertSomethingElse() { 
     alert("This should also be moved into the global scope."); 
    } 

    copyInto(["alertSomething", alertSomething, "alertSomethingElse", alertSomethingElse], window); 
} 

methodsToPutInGlobalScope(); 
alertSomething(); 
alertSomethingElse(); 

Answer 3

Да, это возможно. Если вы объявляете переменную с использованием ключевого слова var, эта переменная становится только локальной, но если вы ее не сделаете, она станет глобальной.

function foo(){ 

    var test = 'test'; // <- Using var keyword 
} 

foo(); // <- execute the function 

console.log(test); // undefined 

Но если мы делаем то же самое без var ключевого слова:

function foo(){ 

    test = 'test'; // <- Using var keyword 
} 

foo(); // <- execute the function 

console.log(test); // test 

Для того, чтобы сделать ваши внутренние функции глобального, вы бы объявить анонимные функции без var ключевого слова

function methodsToPutInGlobalScope() { 

    alertSomething = function() { 
     alert("This should be moved into the global scope, so that it can be called from outside the function that encloses it."); 
    } 

    alertSomethingElse = function() { 
     alert("This should also be moved into the global scope."); 
    } 

} 


methodsToPutInGlobalScope(); // <- Don't forget to execute this function 


alertSomething(); // Works 
alertSomethingElse(); // Works as well