Print function code with parameters JS

Question

I want to get all function code (with parameters) and print it in div.code

html file

<script src='script.js'></script>
...
<input type=text value='text' id='my_input'>
<div class='code'></div>
<script>
   document.querySelectorAll('div.code')[0].innerHTML=func(document.getElementById('my_input'));
</script>

script.js

function func(param){
console.log(param);
}

So in div.code it should be

"function func(text){
    console.log(text)
    }"

What should I use to do it ? I tried to use toString, toSource, JSON.stringify but it does not work

m.antkowicz · Accepted Answer · 2016-12-15 09:47:38Z

8

You should use String() to create string from function code

function f(param) {
    console.log(param);
}

alert( String(f) );
// ...innerHTML = String(f);

If you want to replace param with your input you can operate on String(f) result as on string

alert( String(f).replace(/param/g, 'text') );
// ...innerHTML = String(f).replace(/param/g, document.getElementById('my_input'));

Take a look at this jsFiddle example

Also read here more about String() function

answered Dec 15, 2016 at 9:47

m.antkowicz

13.7k22 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2226755 · Accepted Answer · 2016-12-15 09:56:01Z

4

You can use :

 f.toString();

function f(a, b, c) {

}

document.write(f.toString().replace(/\n/g, "<br>"));

answered Dec 15, 2016 at 9:56

user2226755

13.3k6 gold badges55 silver badges77 bronze badges

Comments

Joschua Schneider · Accepted Answer · 2016-12-15 09:58:37Z

1

I would recommend calling the vanilla toString function of the Function Object to stringify your function like this:

Function.prototype.toString.call(yourFunctionHere);
//or just use it directly on your function, if you're not going to modify the prototype
yourFunction.toString();

This prints your function like you mentioned.

If you want to replace values afterwards, you can use replace in combination with regex.

Like this:

function myFunction(param1){
    alert(param1);
}

Function.prototype.toString.call(myFunction).replace(new RegExp('param1', 'g'), 'theParam');

This will give you the following:

"function myFunction(theParam){
    alert(theParam);
 }"

edited Dec 15, 2016 at 9:58

answered Dec 15, 2016 at 9:52

Joschua Schneider

4,1131 gold badge17 silver badges18 bronze badges

Collectives™ on Stack Overflow

Print function code with parameters JS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related