javascript动态绑定带参数的函数

在javascript中如何实现动态绑定带参数的函数呢？可以参考其以下代码：

<div id='test'>点我改变字符<div>
<script>
function testChange()
{
    document.getElementById('test').innerHTML = "字符改变了，呵呵";
}
document.getElementById('test').onclick = testChange;
</script>

这是大家都知道的方法

但是如果是

<div id='test'>点我改变字符<div>

<script>

function testChange(numStr)
{
    document.getElementById('test').innerHTML = numStr;
}

document.getElementById('test').onclick = ？？？;       // 这里该如何绑定函数呢？

</script>

我想大家可能都不太清楚了，

其实也简单

document.getElementById('test').onclick = new Function('testChange('+i+')');

在这里我要强调一点的是i必须是数字或数字的字符串

可以是

var i = '1';或var i = '11111';或var i = 1;又或var i = 1.2222;都行

这也是我为什么参数numStr标红色的原因。

有了这个数字的参数那我们就可以用其他方式将该参数映射为其他了。