Создание библиотеки JS с динамической функцией вызова

Question

Я создаю файл агента JS «библиотека», но я хочу, чтобы инкапсулировать его в полном комплекте в пределах объекта, чтобы избежать загрязнения пространства имен страниц, содержащих файл

В twist to this находится внутри функции внутри библиотеки, мне нужно вызвать другие функции в библиотеке по имени, например, используя window[]

Код ниже - это всего лишь образец, на самом деле это будет несколько сотен функций, которые можно было бы назвать по имени. Это вызвано неприятностями, поскольку я не могу получить window[], чтобы ссылаться на эту функцию, как правильно это сделать?

Я попытался это, в странице хоста:

<script src= "mylib.js"></script> 

var oMyLib = new cMyLib(); //there will only ever be one 'instance' of this 

В mylib.js все содержится в одной функции:

function cMyLib() { 

    this.doStuff = function() { 
     someFunc(this); //call another function in the lib 
    } 
    // I tried it with prototypes also 
    // cMyLib.prototype.doStuff = function() { 
    //  someFunc(); 
    // } 


    function someFunc(that) { 
     var s='anotherFunc1' 
     var f = window[s]; //undefined! 
     f(); 
     s='anotherFunc2' 
     f=window[s]; 
     f(); 
    } 

    function anotherFunc1() {} 
    function anotherFunc2() {} 
} 

Answer 1

функции, которые вы хотите ссылаться по имени (или на самом деле по количеству, в соответствии с вашими комментариями) должны быть частью этого объекта, а не доступ через window, например:

function cMyLib() { 
    // allow call without new 
    if (! (this instanceof cMyLib)) { 
     return new cMyLib(); 
    } 

    // enforce singleton 
    if (this.constructor.singleton) { 
     return this.constructor.singleton; 
    } else { 
     Object.defineProperty(this.constructor, 'singleton', { 
      value: this 
     }); 
    } 

    // instruction array (no need to expose via `this`) 
    var insn = []; 
    insn[0x4c] = function lda_immediate() { ... } 

    // instruction execution 
    this.step = function() { 
     var opcode = memory[pc++]; 
     if (opcode in insn) { 
      // `.call` ensures `this` is set inside the instruction fn. 
      insn[opcode].call(this); 
     } else { 
      hcf(); 
     } 
    } 
} 

Обратите внимание на дополнительный материал в верхнем - код удобства, чтобы гарантировать существование только одного cMyLib.

Answer 2

Пока функция находится в родительской области вы можете просто обратитесь к нему напрямую, т.е.

function someFunc(that) { 
    anotherFunc1(); 
}; 

будет просто работать.

Другое дело в том, что классический способ сделать это, чтобы обернуть все в самостоятельного вызова анонимной функции, т.е.

(function() { 
    function anotherFunc1() {}; 
    function anotherFunc2() {}; 
    this.cMyLib = function() { ... }; 
})(); 

Но ваш подход хорошо, как хорошо.

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

(function() { 
    var my_functions = { 
     anotherFunc1: function() {}, 
     anotherFunc2: function() {} 
    }; 
    this.cMyLib = function() { 
     var name = 'anotherFunc1'; 
     my_functions[name](); 
    }; 
})(); 

Это походит на создание изолированной «глобальный» область видимости.

Сторона Примечание: Не использовать eval. Это очень опасно и медленно. В какой-то момент это будет иметь неприятные последствия.