TOGOUTECH

javascript - 打印带参数的函数代码 JS

coder 2024-05-16 原文

我想获取所有的函数代码(带参数)打印在div.code中

html文件

<script src='script.js'></script>
...
<input type=text value='text' id='my_input'>
<div class='code'></div>
<script>
   document.querySelectorAll('div.code')[0].innerHTML=func(document.getElementById('my_input'));
</script>

脚本.js

function func(param){
console.log(param);
}

所以在div.code中应该是

"function func(text){
    console.log(text)
    }"

我应该用什么来做?我尝试使用 toString、toSource、JSON.stringify 但它不起作用

最佳答案

您应该使用 String() 从函数代码创建字符串

function f(param) {
    console.log(param);
}

alert( String(f) );
// ...innerHTML = String(f);

如果你想用你的输入替换param,你可以像操作字符串一样操作String(f)结果

alert( String(f).replace(/param/g, 'text') );
// ...innerHTML = String(f).replace(/param/g, document.getElementById('my_input'));

看看这个jsFiddle example


还可以在这里阅读更多关于 String() function 的信息

关于javascript - 打印带参数的函数代码 JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41160876/

有关javascript - 打印带参数的函数代码 JS的更多相关文章

  1. javascript - 生成所有数字为 1-9 的随机整数 - 2

    如何生成一个包含所有数字1-9的9位整数?如123456798、981234765、342165978等这样做:varmin=100000000;varmax=999999999;varnum=Math.floor(Math.random()*(max-min+1))+min;大多数时候我想要的整数不起作用(没有从1到9的所有数字)。111111119是NotAcceptable,因为每个数字中必须至少有一个“1”、“2”、“3”...和一个“9”。 最佳答案 只需从字符串123456789开始,然后按照HowdoIshufflet

  2. javascript - 使用angularjs改变 body 背景颜色 - 2

    我希望能够更改<body>的背景颜色取决于当前路径。我尝试通过在路径更改时检查$location.path()然后使用ng-style来做到这一点更改背景颜色的指令,但这似乎是一个hack(并且没有用)。实现此目标的分离度更高的方法是什么?如果有人想看的话,这是我写的代码。app.controller('backgroundCtrl',['$rootScope','$scope','$route','$location',function($rootScope,$scope,$route,$lo

  3. javascript - Javascript 对象类似于 SQL 'JOIN'? - 2

    对于表示为Javascript对象数组的表,SQL“JOIN”的实用模拟是什么?JavascriptArray.join和D3.js'd3.merge`不是同一个概念。例如SELECT*FROMauthorsLEFTJOINbooksONauthors.id=books.author_id?第一个表:varauthors=[{id:1,name:'adam'},{id:2,name:'bob'},{id:3,name:'charlie'},...]第二张表:varbooks=[{author_id:1,title:'Colorin

  4. javascript - 如何以 angularjs 形式添加数组大小验证规则? - 2

    我有一个表单,其中包含一些文本输入字段和存储在Controller$scope中的动态项目列表,以及一些用于添加/删除列表中项目的函数。我想使表单无效,直到项目列表达到预定义的长度。所以我创建了一个formRepeat指令,它带有一个ngModel属性,然后使用ngModelController使表单无效。http://plnkr.co/edit/jSFvak?p=preview这可行,但我认为这不是更好的方法,因为该指令不是很灵活。最简单的方法是使Controller中的表单无效,例如:$scope.myForm.$valid=false;但这行不通。有没有更好的办法?

  5. javascript - Javascript 中的字符串和字符数组有什么区别? - 2

    当我检查这两个是否相等时,它们显然不相等。谁能解释一下为什么?varstring="Hello";vararray=['H','e','l','l','o'];为什么(string===array)是false?编辑:这个网站很棒。这么快的帮助。谢谢大家。 最佳答案 Whyis(string===array)isfalse?您正在使用strictcomparison(===),它还会检查值的数据类型。显然,原始字符串值与对象的数据类型不同

  6. javascript - 为什么代码在 'return res.send();' 之后继续运行 - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。关闭8年前。这个问题是由于打字错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助future的读者。这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或includeaminimalexample在问题本身。Improvethisquestion我不明白为什么即使在return和res.send()被调用后代码仍继续运行。这是GIST帮助理解。更新:好吧,在社区的帮助下现在发现并理解问题是返回res.send();异步发生,

  7. javascript - _.once 在下划线中的作用是什么? - 2

    我只是看看underscore.js中的source的onceAPI,然后徘徊它是做什么用的在该方法中,它似乎什么也没做:func=null来源:_.once=function(func){varran=false,memo;returnfunction(){if(ran)returnmemo;ran=true;memo=func.apply(this,arguments);func=null;returnmemo;};}; 最佳答案 函数的作用可以在documentation中找到。:Createsaversionofthefun

  8. javascript - 在线时未呈现 Google 加号登录按钮 - 2

    我正在为我的新手机游戏开发一个社区网站,我正在尝试向其中添加googleplus登录流程。实现期间采取的步骤:->已关注this谷歌开发者教程HTML按钮代码:<spanid="signinButton"><spanclass="g-signin"data-callback="onSignInCompleted"data-clientid="<myID>.apps.googleusercontent.com"data-cookiepolicy="single_host_origin&#

  9. Javascript:从事件中获取元素 ID - 2

    如何获取作为(e)传递的元素的ID?window.addEventListener('load',function(){vartags=document.getElementsByClassName("tag");for(i=0;i<tags.length;i++){tags[i].addEventListener('mousedown',function(e){tagClick(e)},false);}},false);functiontagClick(e){/*hereI'mgonnaneedtheeventtocanc

  10. javascript - 未捕获的类型错误 : Cannot read property 'document' of undefined - 2

    我有以下功能,在我测试过的几台PC上运行良好。我已经在Chrome、IE和Firefox上测试过,没有任何问题。但是,有一台特定的PC(运行Chrome)在该行抛出此错误“UncaughtTypeError:Cannotreadproperty'document'ofundefined”:win.document.write(data);难道是因为win为null?如果是这样,为什么这台特定PC会出现这种情况?是否有一些Chrome设置需要设置?方法:functionviewReport(){console.info('generatingeventreport');v

随机推荐

  1. javascript - 生成所有数字为 1-9 的随机整数 - 2

    如何生成一个包含所有数字1-9的9位整数?如123456798、981234765、342165978等这样做:varmin=100000000;varmax=999999999;varnum=Math.floor(Math.random()*(max-min+1))+min;大多数时候我想要的整数不起作用(没有从1到9的所有数字)。111111119是NotAcceptable,因为每个数字中必须至少有一个“1”、“2”、“3”...和一个“9”。 最佳答案 只需从字符串123456789开始,然后按照HowdoIshufflet

  2. javascript - 使用angularjs改变 body 背景颜色 - 2

    我希望能够更改<body>的背景颜色取决于当前路径。我尝试通过在路径更改时检查$location.path()然后使用ng-style来做到这一点更改背景颜色的指令,但这似乎是一个hack(并且没有用)。实现此目标的分离度更高的方法是什么?如果有人想看的话,这是我写的代码。app.controller('backgroundCtrl',['$rootScope','$scope','$route','$location',function($rootScope,$scope,$route,$lo

  3. javascript - Javascript 对象类似于 SQL 'JOIN'? - 2

    对于表示为Javascript对象数组的表,SQL“JOIN”的实用模拟是什么?JavascriptArray.join和D3.js'd3.merge`不是同一个概念。例如SELECT*FROMauthorsLEFTJOINbooksONauthors.id=books.author_id?第一个表:varauthors=[{id:1,name:'adam'},{id:2,name:'bob'},{id:3,name:'charlie'},...]第二张表:varbooks=[{author_id:1,title:'Colorin

  4. javascript - 如何以 angularjs 形式添加数组大小验证规则? - 2

    我有一个表单,其中包含一些文本输入字段和存储在Controller$scope中的动态项目列表,以及一些用于添加/删除列表中项目的函数。我想使表单无效,直到项目列表达到预定义的长度。所以我创建了一个formRepeat指令,它带有一个ngModel属性,然后使用ngModelController使表单无效。http://plnkr.co/edit/jSFvak?p=preview这可行,但我认为这不是更好的方法,因为该指令不是很灵活。最简单的方法是使Controller中的表单无效,例如:$scope.myForm.$valid=false;但这行不通。有没有更好的办法?

  5. javascript - Javascript 中的字符串和字符数组有什么区别? - 2

    当我检查这两个是否相等时,它们显然不相等。谁能解释一下为什么?varstring="Hello";vararray=['H','e','l','l','o'];为什么(string===array)是false?编辑:这个网站很棒。这么快的帮助。谢谢大家。 最佳答案 Whyis(string===array)isfalse?您正在使用strictcomparison(===),它还会检查值的数据类型。显然,原始字符串值与对象的数据类型不同

  6. javascript - 为什么代码在 'return res.send();' 之后继续运行 - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。关闭8年前。这个问题是由于打字错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助future的读者。这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或includeaminimalexample在问题本身。Improvethisquestion我不明白为什么即使在return和res.send()被调用后代码仍继续运行。这是GIST帮助理解。更新:好吧,在社区的帮助下现在发现并理解问题是返回res.send();异步发生,

  7. javascript - _.once 在下划线中的作用是什么? - 2

    我只是看看underscore.js中的source的onceAPI,然后徘徊它是做什么用的在该方法中,它似乎什么也没做:func=null来源:_.once=function(func){varran=false,memo;returnfunction(){if(ran)returnmemo;ran=true;memo=func.apply(this,arguments);func=null;returnmemo;};}; 最佳答案 函数的作用可以在documentation中找到。:Createsaversionofthefun

  8. javascript - 在线时未呈现 Google 加号登录按钮 - 2

    我正在为我的新手机游戏开发一个社区网站,我正在尝试向其中添加googleplus登录流程。实现期间采取的步骤:->已关注this谷歌开发者教程HTML按钮代码:<spanid="signinButton"><spanclass="g-signin"data-callback="onSignInCompleted"data-clientid="<myID>.apps.googleusercontent.com"data-cookiepolicy="single_host_origin&#

  9. Javascript:从事件中获取元素 ID - 2

    如何获取作为(e)传递的元素的ID?window.addEventListener('load',function(){vartags=document.getElementsByClassName("tag");for(i=0;i<tags.length;i++){tags[i].addEventListener('mousedown',function(e){tagClick(e)},false);}},false);functiontagClick(e){/*hereI'mgonnaneedtheeventtocanc

  10. javascript - 未捕获的类型错误 : Cannot read property 'document' of undefined - 2

    我有以下功能,在我测试过的几台PC上运行良好。我已经在Chrome、IE和Firefox上测试过,没有任何问题。但是,有一台特定的PC(运行Chrome)在该行抛出此错误“UncaughtTypeError:Cannotreadproperty'document'ofundefined”:win.document.write(data);难道是因为win为null?如果是这样,为什么这台特定PC会出现这种情况?是否有一些Chrome设置需要设置?方法:functionviewReport(){console.info('generatingeventreport');v