首页 > 网站 > WEB开发 > 正文

javaScript之function定义

2024-04-27 14:22:07
字体:
来源:转载
供稿:网友

javaScript之function定义

背景知识函数定义Javascript中,function的定义有3种:1、匿名定义 function(){}2、非匿名定义 function fn(){} fn = new Function();触发函数执行对于匿名函数: (function(){})();//执行一个匿名函数 var f = function(){}();//执行一个匿名函数,并将匿名函数的返回值,赋值给f !function(){}();//执行一个匿名函数以上三种写法, 无非就是要把 匿名函数 作为一个表达式块 然后执行。对于非匿名函数: 函数名(); //如: fn();用法示例例子 1function add(x, y){ return(x + y);}例子 2var add = new Function("x", "y", "return(x+y)");例子 3var fn = function(){ }将匿名函数的引用赋值给一个变量。(最常用的写法)如:var add = function(x, y){ return(x + y);}----------------------------------------------------------------可以用如下代码行调用以上函数:add(2, 3);注意 : 在调用函数时,请确保包含了括号和必需的参数。调用函数时不用括号导致返回函数的文本而不是函数执行的结果。add(2, 3);// return "5"add; // renturn " function add(x, y){return(x + y);}1、用法剖析

Html代码收藏代码
  1. <html>
  2. <head>
  3. <styletype="text/CSS">
  4. p{
  5. #CCCCCC;
  6. height:20px;
  7. width:100px;
  8. }
  9. </style>
  10. </head>
  11. <body>
  12. <p>test</p>
  13. <p>test</p>
  14. <p>test</p>
  15. <p>test</p>
  16. <p>test</p>
  17. <p>test</p>
  18. <scripttype="text/javascript">
  19. /********************Method1********************************/
  20. //常规的写法(正确的写法)
  21. /*
  22. varitem=document.getElementsByTagName('p');
  23. for(vari=0;i<item.length;i++){
  24. item[i].onclick=(function(i){
  25. returnfunction(){
  26. alert(i);
  27. }
  28. })(i);
  29. }
  30. */
  31. /********************Method2********************************/
  32. //所有的p都alert()最后一个i的值(错误的写法)
  33. /*
  34. varitem=document.getElementsByTagName('p');
  35. for(vari=0;i<item.length;i++){
  36. item[i].onclick=function(){
  37. alert(i);
  38. };
  39. }
  40. */
  41. /*
  42. 说明:
  43. item[i].onclick=(function(){})();匿名函数与立即执行,然后把结果给item[i].onclick
  44. */
  45. /********************Method3********************************/
  46. //最能表达含义的写法(正确的写法)
  47. functioncreateFunction(index){
  48. r
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表