在编写javascript脚本时,可能需要将一个原本具有输入参数的函数包装成一个无输入参数的函数,这通常是为了将其绑定到某个事件函数上,事件函数是要求无输入参数的,例如下面的代码,就是为一个div绑定了onclick事件:
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/0196c3df5ea9e936f21e9932cca91014.gif)
可以注意到,这里的div_onclick()函数是没有输入参数的,因此,可以使用div.οnclick=div_onclick来为div绑定点击时触发的事件函数,但是,如果div_onclick是个带有输入参数的函数,那么,该如何绑定事件函数呢?
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/0196c3df5ea9e936f21e9932cca91014.gif)
如上面所示的函数,div_onclick已经带有了一个str参数,如何来为上面的那个div的点击事件绑定这个带输入参数的函数呢,大多数刚刚接触javascript的人容易犯的错误就是写出下面的代码,这样的代码是不会得到想要的效果的:
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/0196c3df5ea9e936f21e9932cca91014.gif)
其中错误的那行代码的真实运行情况应该是:先以str作为参数调用div_onclick函数,显然,调用的结果就是弹出了alert窗口,点击确定后,div_onclick函数将返回,返回值再给div.onclick赋值,这和我们打算将函数div_onclick绑定到div.onclick上的初衷是不符合的。
这就存在了一个问题,我们既要为div.onclick绑定一个函数,又要能够为绑定的函数传递一些参数,显然,我们需要能够将带参数的函数以及我们想要传递给它的参数一起包装成一个无参数的新函数,再将这个无参数的新函数绑定到相应的事件上面去,实现的方法有好多种,这里介绍一种比较简单通用的方法,这种方法可以将任意一个带参数的函数包装为一个不带参数的函数,该方法要求添加如下函数定义:
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)