码迷，mamicode.com
首页 > 编程语言 > 详细

JavaScript之函数

时间：2017-05-26 10:57:02      阅读：243      评论：0      收藏：0      [点我收藏+]

标签：创建   space   var   art   ora   UI   第一个   toc   top   

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之函数

标签：创建   space   var   art   ora   UI   第一个   toc   top   

原文地址：http://www.cnblogs.com/shuiyaodongwu310988929/p/6906799.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！