js 函数作为参数传递，并带参

最新推荐文章于 2023-07-19 21:03:24 发布

谢小丫

最新推荐文章于 2023-07-19 21:03:24 发布

阅读量2.4k

点赞数

分类专栏：我的原创 js 文章标签： js 函数作为参数传递

本文链接：https://blog.csdn.net/chengxuyuan20100425/article/details/8897832

版权

我的原创 js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在项目中，不乏遇到这种函数作为参数传递的情况。这样可以优化代码并且代码清晰可见。但是怎么将函数作为参数传递呢？如果该函数并带有参数怎么办呢？如下代码可以解决这个问题：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 <script type="text/javascript">
    function test(t){
    	var d="f";
    	 t(d);
    }
  function invoke(d){
    	alert(d);
    }
 </script>

 </HEAD>

 <BODY>
    <input type="button" name="test2" value="test2" οnclick="test(invoke);">
 </BODY>
</HTML>

这种情况，尤其在前台模块中的新增、删除操作，用起来比较方便。这样我们便可以抽象出来一个公用的js。在js里定义一个异步的操作，操作成功后便调用各模块间的后续操作。

common.ajaxInvokeObject = function (url, datajson, type, refreshFunction) {
        jQuery.ajax({
        type:type,
        url:url,
        data:datajson,
        dataType:"json",
        success:function (result) {
             refreshFunction(result);//操作成功后的后续动作，比如新增后需要刷新或者有其它。。。
        },
        error:function (r) {
            alert("系统繁忙，稍后再试！");
        }
    });
};