javascript function 参数是对象的解决方法

逃离我推掉我的手 2022-11-06 15:00 13阅读 0赞

js 代码片段：

{ 
    	field : 'callPhone' , 
    	title : 'callPhone' ,	
    	formatter : function(value, row, index) { 
    		var callPhone=$.trim(row.callPhone);
    		var channel=$.trim(row.channel);
    		var platformId=$.trim(row.platformId);
    		var phoneId=$.trim(row.phoneId);
    		
    		// 定义对象
    		var jsonObj = { 
    			"channel" : channel,
    			"platformId" : platformId,
    			"phoneId" : phoneId,
    		};
    		
    		// 转换对象
    		var params = JSON.stringify(jsonObj);
    		
    		// 传入参数，有两种方式：
    		
    		// 方法1：
    		return "<a href='javascript:void(0)' οnclick='openDetail("+ params + ")' >"+callPhone+"</a>";
    		// 方法2
    		// return "<a href='javascript:void(0)' οnclick='openDetail(JSON.stringify("+ jsonObj+ "))' >"+callPhone+"</a>";
    		
    	}
    },

openDetail 方法

function openDetail(params){ 
    	console.log(params);
    	console.log(params.platformId);
    }

测试：  
点 击上面的方法时，打印日志，如下：  
![在这里插入图片描述][20210310115133910.png]

说明：

上面的代码是经过测试，没有任何问题，运行正常的。

但我发现，**复制上面的代码，放到原处进行测试时，发现js没有反应。 我经过多次测试，发现把 `onclick` 这几个字母 删除，再重新打出来，代码就正常了。 不知道为什么！**

[20210310115133910.png]: /images/20221023/98fa81d4ffff4087a0ca94871b1ef360.png

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 childProcess.exec中的第二个参数是对象还是function

childProcess.exec 的第二个参数是一个对象。这个对象用于配置 childProcess.exec 执行的选项，其中包括： cwd: 指定运行命令的当

超、凢脫俗/ 2024年03月26日 09:05/ 0 赞/ 61 阅读

相关 JavaScript对象类型之function

![f232c66a195f4d5e8ed6438e1e2e57d4.gif][] 目录一、Function 定义函数调用函数默认参数匿名函数箭头函数

矫情吗；*/ 2024年03月23日 11:20/ 0 赞/ 87 阅读

相关 JavaScript 对象方法

我们每天都在处理现实世界的问题，所以如果实现语言是 JavaScript，那么我们必须使用对象。为了高效地工作，我们必须知道对象最常用的方法。我想引用这篇文章中的信息是基于 M

港控/mmm°/ 2023年10月12日 12:03/ 0 赞/ 10 阅读

相关前端:事件对象直接作为 function函数的参数

标题拗口,直接上前端代码 ![df657132b2a74657a6c74ecec8587472.png][] 此时event只是一个变量(这个能理解吧),用来接收keydo

谁践踏了优雅/ 2023年10月10日 15:15/ 0 赞/ 53 阅读

相关 JavaScript中function的各种定义和使用方法，及function对象的理解。

在js中秉承着一切都是对象的原则，不论是方法还是其他都不例外。我们在使用java的时候经常要编写方法，这时候其用的关键字是function，而在js中我们在编写函数的时候

柔情只为你懂/ 2023年10月08日 10:57/ 0 赞/ 12 阅读

相关 javascript function 参数是对象的解决方法

js 代码片段： { field : 'callPhone' , title : 'callPhone' , formatter

逃离我推掉我的手/ 2022年11月06日 15:00/ 0 赞/ 14 阅读

相关 javascript Function()

javascript Function() JavaScript中的Function对象是函数，函数的用途分为3类：作为普通逻辑代码容器；作为对象方法；

雨点打透心脏的1/2处/ 2022年08月11日 16:50/ 0 赞/ 159 阅读

相关 JavaScript复习之function对象

今日目录： 1、Function对象引入 2、用Function创建方法对象 3、Function对象属性

╰半橙微兮°/ 2022年05月24日 06:11/ 0 赞/ 213 阅读

相关 JavaScript，function函数参数的值传递（笔记一）

最近刚开始看《JavaScript高级程序设计第三版》，本人程序小白刚接触编程几个月，刚开始接触JavaScript。对一些自己看到的，不理解的知识做一下笔记。

╰半橙微兮°/ 2022年05月23日 09:07/ 0 赞/ 227 阅读

相关 JavaScript Function

JavaScript Function 我们说JavaScript是面向对象的语言，基本做到一切皆是对象。

小灰灰/ 2020年06月01日 17:05/ 0 赞/ 751 阅读