首页 > 代码库 > JavaScript之函数

JavaScript之函数

2024-09-25 22:24:01   214人阅读

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. //调用这个函数 
  42. functionName ("zhaodeng","how are you today?"); 
  43. //3.通过return语句后跟要返回的值来实现返回值 
  44. function sum (num1,num2) { 
  45. return num1 + num2; 
  46. } 
  47. //调用这个函数 
  48. var result = sum (5,10); 
  49. console.log(result); 
  50. //4.一个函数中包含多个return语句 
  51. function diff(num1,num2) { 
  52. if(num1>num2){ 
  53. return num1 - num2; 
  54. }else { 
  55. return num2 -num1; 
  56. } 
  57. } 
  58. //调用这个函数 
  59. var result1 = diff(3,4); 
  60. console.log(result1); 
  61.  
  62. /* 
  63. * 理解参数 
  64. * 1.函数不介意传递参数的个数,也不必须传递的参数是什么类型 
  65. * 2.在ECMAScript中的参数在内部是用一个数组来表示的 
  66. * 3.在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数 
  67. * arguments对象只是与数组类似(并不是Array的实例),因为可以使用方括号语法访问它的每一个元素(即第一个元素是argument[0],第二个元素是argument[1]) 
  68. * 4.用argument对象获取参数示例 
  69. * 5.通过访问arguments对象的length属性可以获知有多少个参数传递给了函数,示例 
  70. * 6.利用函数可以接受任意个参数并分别实现适当的功能 
  71. * 7.arguments对象和命名参数一块使用 
  72. * */ 
  73. //4.用argument对象获取参数示例 
  74. function sayHi(name,age) { 
  75. console.log("我是" + arguments[0] + ","+"年龄是" + arguments[1] + "岁"); 
  76. } 
  77. //调用这个函数 
  78. sayHi("武松","45" ); 
  79. //5.通过访问arguments对象的length属性可以获知有多少个参数传递给了函数,示例 
  80. function howManyArgs(){ 
  81. console.log(arguments.length); 
  82. } 
  83. //调用这个函数 
  84. howManyArgs("string","45"); //2 
  85. howManyArgs(); //0 
  86. howManyArgs(12); //1 
  87. //6.利用函数可以接受任意个参数并分别实现适当的功能 
  88. function doAdd(){ 
  89. if(arguments.length == 1){ 
  90. console.log(arguments[0] + 1); 
  91. }else if(arguments.length == 2) { 
  92. console.log(arguments[1] + 130); 
  93. } 
  94. } 
  95. //调用这个函数 
  96. doAdd(10); 
  97. doAdd(19,130); 
  98. //7.arguments对象和命名参数一块使用 
  99. function doSum (num1,num2){ 
  100. if(arguments.length == 1){ 
  101. console.log(arguments[0] + num1); 
  102. }else if(arguments.length == 2){ 
  103. console.log(arguments[1] + num2); 
  104. } 
  105. } 
  106. //调用函数 
  107. doSum(9); 
  108. doSum(10,23); 
  109.  
  110.  

JavaScript之函数


联系
我们