console
function run()
{
var p1 = getElementValue('param1');
var p2 = getElementValue('param2');
var p3 = getElementValue('param3');
var a1 = getElementValue('arg1');
var a2 = getElementValue('arg2');
var a3 = getElementValue('arg3');
var body = getElementValue('func_body');
var testFunc = new Function(p1,p2,p3,body);
var result = testFunc(a1, a2, a3);
setInnerHtml('func_def', testFunc.toString())
setInnerHtml('return_value', result)
function getElementValue(id){
return document.getElementById(id).value;
}
function setInnerHtml(id, innerHtml){
var el = document.getElementById(id);
el.innerHTML = innerHtml;
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<table>
<tr>
<td>形参</td>
<td>
<input type="text" id="param1">
<input type="text" id="param2">
<input type="text" id="param3">
</td>
</tr>
<tr>
<td>实参</td>
<td>
<input type="text" id="arg1">
<input type="text" id="arg2">
<input type="text" id="arg3">
</td>
</tr>
<tr>
<td>函数体</td>
<td>
<textarea type="text" id="func_body"></textarea>
</td>
</tr>
<tr>
<td>测试函数</td>
<td>
<span id="func_def"></span>
</td>
</tr>
<tr>
<td>返回值</td>
<td>
<b><span id="return_value"></span></b>
</td>
</tr>
</table>
<button onclick="run()">运行</button>
</body>
</html>