Gọi tên hàm JavaScript bằng chuỗi?

Question

Làm cách nào để kết nối một sự kiện với tên hàm mà tôi đã xác định là một chuỗi?

Tôi đang sử dụng Prototype.js, mặc dù đây không phải là Prototype-speficic.

$(inputId).observe('click', formData.fields[x].onclick); 

Điều này sẽ dẫn đến JavaScript phàn nàn rằng trình xử lý của tôi không phải là chức năng. Tôi không muốn chúng tôi sử dụng eval().

Answer 1

Nếu chức năng là trong phạm vi toàn cầu, bạn có thể lấy nó bằng cách sử dụng đối tượng cửa sổ:

var myFunc = window[myFuncName]; 

Answer 2

window.myFunction === window["myFunction"] 

Answer 3

... hay này [myFuncName];

Answer 4

Có vẻ như formData.fields[x].onclick giữ tên của chức năng toàn cầu? Nếu vậy hãy thử:

$(inputId).observe('click', window[formData.fields[x].onclick]); 

Answer 5

Bạn có biết thuộc tính onclick có chứa hoặc loại đó là gì không? Tôi cho rằng đây là nguyên mẫu cụ thể, vì "các trường" không tồn tại trong các biểu mẫu DOM.

Answer 6

Tôi đã làm việc về vấn đề này, vì tôi cần một chức năng như thế này. Đây là mã sandbox của tôi, không được kiểm tra kỹ lưỡng, nhưng có thể là điểm khởi đầu cho những người khác. Lưu ý rằng có một eval() trong mã như tôi không thể tìm ra cách bỏ qua bước đó, có thể là một javascript quirk và không thể được thực hiện theo bất kỳ cách nào khác. Hãy cho tôi biết nếu có cách nào để loại bỏ eval() ở đây!

executeFunctionByName = function(functionName) 
{ 
    var args = Array.prototype.slice.call(arguments).splice(1); 
    //debug 
    console.log('args:', args); 

    var namespaces = functionName.split("."); 
    //debug 
    console.log('namespaces:', namespaces); 

    var func = namespaces.pop(); 
    //debug 
    console.log('func:', func); 

    ns = namespaces.join('.'); 
    //debug 
    console.log('namespace:', ns); 

    if(ns == '') 
    { 
     ns = 'window'; 
    } 

    ns = eval(ns); 
    //debug 
    console.log('evaled namespace:', ns); 

    return ns[func].apply(ns, args); 
} 


core = { 
    paragraph: { 
     titlebar: { 
      user: "ddd", 
      getUser: function(name) 
      { 
       this.user = name; 
       return this.user; 
      } 
     } 
    } 
} 

var testf = function() 
{ 
    alert('dkdkdkd'); 
} 

var x = executeFunctionByName('core.paragraph.titlebar.getUser', 'Ikon'); 
executeFunctionByName('testf'); 

Answer 7

Có lẽ?

setTimeout ("myFunc()", 1); 

Answer 8

Chỉ cần một eval sẽ thực hiện công việc

var call = eval("method_name").call(args); 

Answer 9

Nếu bạn cần phải gọi một hàm chuỗi với lập luận, làm điều này:

window[stringFunctionName].apply(window, arrayOfArguments) 

Bạn có thể sử dụng scope ở vị trí của window nếu được ưa thích

Answer 10

cập nhật: --- sử dụng xuất khẩu và nhập ES6

a.js

const fn = { 
    aaa: function() { 
    //code 
    }, 
    bbb: function() { 
    //code 
    }, 
    //codes .... 
    nnn: function() { 
    //code 
    } 
} 

export default fn 

b.js

import someFn from './a' 
    //eg 
    const str1='aaa' 
    const str2 = 'bbb' 

    someFn[str1]() 

---

• eval('str') (lỗi thời tính năng https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features)

• setTimeout('str')setInterval('str')

• window['str'] (nhưng ...đôi khi, đối tượng toàn cầu không phải là cửa sổ)

• new Function('str')

Những phương pháp trên luôn không được khuyến cáo bởi một số lý do, nhưng họ thực sự thuận tiện để sử dụng. Những phương pháp dưới đây là an toàn, nhưng thực sự không phải conveninet để sử dụng.

• switch ... case (hoặc if ... else)

  switch(str){ 
      case 'str1': 
       fn1() 
       break 
      case 'str2': 
       fn2 
       //and so on 
  } 
  

• chức năng đặt trong một đối tượng

  const fn={ 
      str1:fn1, 
      str2:fn2 
      //and so on 
  } 
  fn[str1] //call function