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. /*var person = new Object(); 

  10. person.name = "zahodneg"; 

  11. person.age = 29;*/ 


  12. //对象字面量表示法 创建person对象 

  13. /*var person1 = { 

  14. name : "zhaodeng", 

  15. age : 19 

  16. }*/ 


  17. /* 

  18. * 函数讲解 

  19. * 说明:函数使用function关键字来声明,后跟一组参数以及函数体 

  20. * 1.函数的基本语法: 

  21. * 2.函数示例 

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

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

  24. * */ 

  25. //1.函数的基本语法: 

  26. /* 


  27. function 函数名(参数1,参数2,......,参数N) { 

  28. 结构体 




  29. */ 

  30. //2.函数示例 

  31. function functionName(name,message) { 

  32. console.log("hello!"+name+","+message); 



  33. //调用这个函数 

  34. functionName ("zhaodeng","how are you today?"); 

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

  36. function sum (num1,num2) { 

  37. return num1 + num2; 



  38. //调用这个函数 

  39. var result = sum (5,10); 

  40. console.log(result); 

  41. //4.一个函数中包含多个return语句 

  42. function diff(num1,num2) { 

  43. if(num1>num2){ 

  44. return num1 - num2; 

  45. }else { 

  46. return num2 -num1; 





  47. //调用这个函数 

  48. var result1 = diff(3,4); 

  49. console.log(result1); 


  50. /* 

  51. * 理解参数 

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

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

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

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

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

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

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

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

  60. * */ 

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

  62. function sayHi(name,age) { 

  63. console.log("我是" + arguments[0] + ","+"年龄是" + arguments[1] + "岁"); 



  64. //调用这个函数 

  65. sayHi("武松","45" ); 

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

  67. function howManyArgs(){ 

  68. console.log(arguments.length); 



  69. //调用这个函数 

  70. howManyArgs("string","45"); //2 

  71. howManyArgs(); //0 

  72. howManyArgs(12); //1 

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

  74. function doAdd(){ 

  75. if(arguments.length == 1){ 

  76. console.log(arguments[0] + 1); 

  77. }else if(arguments.length == 2) { 

  78. console.log(arguments[1] + 130); 





  79. //调用这个函数 

  80. doAdd(10); 

  81. doAdd(19,130); 

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

  83. function doSum (num1,num2){ 

  84. if(arguments.length == 1){ 

  85. console.log(arguments[0] + num1); 

  86. }else if(arguments.length == 2){ 

  87. console.log(arguments[1] + num2); 





  88. //调用函数 

  89. doSum(9); 

  90. doSum(10,23); 



时间: 2024-11-03 21:09:15

JavaScript之函数的相关文章

JavaScript Function 函数深入总结

整理了JavaScript中函数Function的各种,感觉函数就是一大对象啊,各种知识点都能牵扯进来,不单单是 Function 这个本身原生的引用类型的各种用法,还包含执行环境,作用域,闭包,上下文,私有变量等知识点的深入理解. 函数中的return return 语句可以不带有任何返回值,在这种情况下( return; 或函数中不含 return 语句时),函数在停止执行后将返回 undefiend 值.这种用法一般在需要提前停止函数执行而又不需要返回值的情况下. return false

javascript中函数作用域之”提升“

javascript中函数作用域之变量提升 当我们在函数内部用关键字var声明一个变量的时候,此变量的作用域限制在当前函数. 提升:在一个作用域内部,不管一个变量用var声明的位置在哪里,这个变量属于当前整个作用域,并且在当前作用域的任何位置都可以访问它.在javascript中,这种行为/现象称之为"提升",即一个变量在一个作用域的任何位置用var声明,javascript引擎都会把这些用var声明的变量"移动"到当前作用域的开始处. 谈到javascript这种

JavaScript 常用函数总结

javascript函数:  ·常规函数  ·数组函数  ·日期函数  ·数学函数  ·字符串函数 .cookie函数 1.常规函数 javascript常规函数包括以下9个函数:  (1)alert函数:显示一个警告对话框,包括一个OK按钮.  (2)confirm函数:显示一个确认对话框,包括OK.Cancel按钮.  (3)escape函数:将字符转换成Unicode码.  (4)eval函数:计算表达式的结果.  (5)isNaN函数:测试是(true)否(false)不是一个数字. 

JavaScript调用函数的方法

摘要:这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性,当我们选择面对它的时候,这将成为我们前进的阻碍.  作为初学者,我们来测试五种函数调用的方法,从表面来看我们会认为那些函数与C#中函数的作用非常相似,但是我们一会儿可以看到

javascript篇-----函数作用域,函数作用域链和声明提前

在一些类似C语言的编程语言中,花括号内的每一段代码都具有各自的作用域,而且变量在声明它们的代码段之外是不可见的(也就是我们不能在代码段外直接访问代码段内声明的变量),我们称之为块级作用域,然而,不同于这类型的编程语言,javascript是没有块级作用域.取而代之的,javascript使用的是块级作用域:变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的. 在如下的所示的代码中,在不同位置定义了变量 i . j 和 k ,它们都在同一个作用域内——这三个变量在函数体内均是有定义

和demopu一起学习javascript ( concat函数 )

和demopu一起学习javascript (  concat函数 ) 定义和用法 concat方法可以把两个或者多个数组连接起来,组成一个新的数组. 语法 concat(array1,array2,......,arrayN) 参数 描述 array1 必需.该参数可以是具体的值,也可以是数组对象.可以是任意多个. 例子 1 var arr = ["George","John","Thomas"]; var arr2 = ["Jame

JavaScript encodeURI() 函数

encodeURI() 函数可把字符串作为 URI 进行编码. -------------------------------------------------------------------------------------------- 输入: <script type="text/javascript">document.write(encodeURI("http://www.w3school.com.cn")+ "<br

javascript常用函数整理

javascript函数: 1.禁止鼠标右键菜单代码块 function stop() {     return false; } document.oncontextmenu = stop; //禁用鼠标右键 document.ondragstart = stop; //禁止拖动 document.onselectstart = stop; //禁止选择 2.判断打开的页面是否存在父页面 if (window.top == window.self && window.parent == 

Javascript中函数的四种调用方式

一.Javascript中函数的几个基本知识点: 1.函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数,这个函数指向的仍然是同一个函数. 2.函数中有两个特殊的内部属性:arguments和this. arguments主要是用来保存函数参数,arguments中的callee属性主要是用来指向拥有当前arguments的函数(理解Javascript参数中的arguments对象). 3.在ECMAScript5中规范了另一个函数属性:caller(Opera

对于JavaScript的函数.NET开发人员应该知道的11件事

(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 昨天小感冒今天重感冒,也不能长篇大论.如果你是.NET开发人员,在进入前端开发领域的时候,对于JavaScript的函数,应该知道这11件事情. 如果你是一个.NET开发人员,又不得不涉及前端开发的工作,那么应该会拿C#函数和JavaScript函数作比较.JavaScript函数是JavaScript编程的灵魂,所以对其正确的理解是非常重要的. Dhananjay Kumar就发表了两篇博文,给大