首页 > 代码库 > JavaScript之函数

JavaScript之函数

JavaScript之函数

  • JavaScript之函数

  • 创建Object的两种方式

    • 1.使用new操作符后跟 Object()构造函数

    • 2.另一种是使用对象字面量表示法

  • 函数讲解

    • 1.函数的基本语法:

    • 2.函数示例

    • 3.通过return语句后跟要返回的值来实现返回值

    • 4.一个函数中包含多个return语句;

  • 理解参数

    • 1.函数不介意传递参数的个数,也不必须传递的参数是什么类型

    • 2.在ECMAScript中的参数在内部是用一个数组来表示的

    • 3.在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数

    • arguments对象只是与数组类似(并不是Array的实例),因为可以使用方括号语法访问它的每一个元素(即第一个元素是argument[0],第二个元素是argument[1])

    • 4.用argument对象获取参数示例

    • 5.通过访问arguments对象的length属性可以获知有多少个参数传递给了函数,示例

    • 6.利用函数可以接受任意个参数并分别实现适当的功能

    • 7.arguments对象和命名参数一块使用

  1. /** 
  2. * Created by Administrator on 2017-5-25. 
  3. */ 
  4. /* 
  5. * 创建Object的两种方式: 
  6. * 1.使用new操作符后跟 Object()构造函数 
  7. * 2.另一种是使用对象字面量表示法 
  8. * 
  9. * */ 
  10.  
  11. /*var person = new Object(); 
  12. person.name = "zahodneg"; 
  13. person.age = 29;*/ 
  14.  
  15. //对象字面量表示法 创建person对象 
  16. /*var person1 = { 
  17. name : "zhaodeng", 
  18. age : 19 
  19. }*/ 
  20.  
  21. /* 
  22. * 函数讲解 
  23. * 说明:函数使用function关键字来声明,后跟一组参数以及函数体 
  24. * 1.函数的基本语法: 
  25. * 2.函数示例 
  26. * 3.通过return语句后跟要返回的值来实现返回值 
  27. * 4.一个函数中包含多个return语句; 
  28. * */ 
  29. //1.函数的基本语法: 
  30. /* 
  31.  
  32. function 函数名(参数1,参数2,......,参数N) { 
  33. 结构体 
  34. } 
  35.  
  36. */ 
  37. //2.函数示例 
  38. function functionName(name,message)
  39. console.log("hello!"+name+","+message); 

  40. //调用这个函数 
  41. functionName ("zhaodeng","how are you today?"); 
  42. //3.通过return语句后跟要返回的值来实现返回值 
  43. function sum (num1,num2)
  44. return num1 + num2; 

  45. //调用这个函数 
  46. var result = sum (5,10); 
  47. console.log(result); 
  48. //4.一个函数中包含多个return语句 
  49. function diff(num1,num2)
  50. if(num1>num2){ 
  51. return num1 - num2; 
  52. }else
  53. return num2 -num1; 


  54. //调用这个函数 
  55. var result1 = diff(3,4); 
  56. console.log(result1); 
  57.  
  58. /* 
  59. * 理解参数 
  60. * 1.函数不介意传递参数的个数,也不必须传递的参数是什么类型 
  61. * 2.在ECMAScript中的参数在内部是用一个数组来表示的 
  62. * 3.在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数 
  63. * arguments对象只是与数组类似(并不是Array的实例),因为可以使用方括号语法访问它的每一个元素(即第一个元素是argument[0],第二个元素是argument[1]) 
  64. * 4.用argument对象获取参数示例 
  65. * 5.通过访问arguments对象的length属性可以获知有多少个参数传递给了函数,示例 
  66. * 6.利用函数可以接受任意个参数并分别实现适当的功能 
  67. * 7.arguments对象和命名参数一块使用 
  68. * */ 
  69. //4.用argument对象获取参数示例 
  70. function sayHi(name,age)
  71. console.log("我是" + arguments[0] + ","+"年龄是" + arguments[1] + "岁"); 

  72. //调用这个函数 
  73. sayHi("武松","45" ); 
  74. //5.通过访问arguments对象的length属性可以获知有多少个参数传递给了函数,示例 
  75. function howManyArgs()
  76. console.log(arguments.length); 

  77. //调用这个函数 
  78. howManyArgs("string","45"); //2 
  79. howManyArgs(); //0 
  80. howManyArgs(12); //1 
  81. //6.利用函数可以接受任意个参数并分别实现适当的功能 
  82. function doAdd()
  83. if(arguments.length == 1){ 
  84. console.log(arguments[0] + 1); 
  85. }else if(arguments.length == 2) { 
  86. console.log(arguments[1] + 130); 


  87. //调用这个函数 
  88. doAdd(10); 
  89. doAdd(19,130); 
  90. //7.arguments对象和命名参数一块使用 
  91. function doSum (num1,num2)
  92. if(arguments.length == 1){ 
  93. console.log(arguments[0] + num1); 
  94. }else if(arguments.length == 2){ 
  95. console.log(arguments[1] + num2); 


  96. //调用函数 
  97. doSum(9); 
  98. doSum(10,23); 
  99.  
  100.  

JavaScript之函数