javascript函数入门级学习实例代码详解-js教程-PHP中文网

javascript函数入门级学习实例代码详解

伊谢尔伦

发布： 2017-07-25 13:32:28

原创

1420人浏览过

在javascript世界中函数是一等公民，它不仅拥有一切传统函数的使用方式（声明和调用），而且可以做到像简单值一样赋值、传参、返回，这样的函数也称之为第一级函数（first-class function）。不仅如此，javascript中的函数还充当了类的构造函数的作用，同时又是一个function类的实例(instance)。这样的多重身份让javascript的函数变得非常重要。

函数入门级

JavaScript函数像一般语言一样也是遵循先声明后使用的原则，函数名只能包含字母、数字、下划线或$，且不能以数字开头。函数常见的声明方式有以下两种：

 // 直接声明函数myfunc 
 function myfunc(/* arguments */) { 
 } 
   
 // 把匿名函数赋值给本地变量myfunc 
 var myfunc = function(/* arguments */) { 
 }

登录后复制

注意，上面两种函数声明方式存在细微的差别：第一种方式在声明时就是一个命名的函数，无论是声明在调用之前、调用之后，甚至是不会执行到的位置（例如return语句之后或是永远不会为真的分支里），都在整个作用域可访问；第二种方式是通过把匿名函数赋值给变量的方式，严格意义上说这不是一个函数的声明（function declaration）而是一个函数表达式（function expression），在赋值之前这个函数不能被任何代码访问到，也就是说这个赋值必须在调用之前完成，否则调用时会出现错误："TypeError: undefined is not a function"。例如：

 myfunc1(); // 能够正常调用，因为myfunc1采用直接声明的方式 
   
 function myfunc1() { 
 } 
   
 myfunc2(); // 出错 TypeError: undefined is not a function 
   
 var myfunc2 = function() { 
 };

登录后复制

函数的基本调用方式与传统语言相同用一对括号调用: myfunc()。JavaScript的函数也支持直接或间接的递归(recursive)调用，例如经典的斐波那契函数用JavaScript可以这样实现：

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

查看详情

立即学习“Java免费学习笔记（深入）”；

 function fib(n) { 
   if (n == 1 || n == 2) { 
     return 1; 
   } else { 
     return fib(n - 2) + fib(n - 1); 
   } 
 }

登录后复制

在JavaScript的函数可以处理变长参数，在函数内部都拥有一个名为arguments的局部变量，它是一个类数组（array-liked）的对象，里面包含了所有调用时传入的参数，有length属性表示参数的个数。例如：

 function test() { 
   alert(arguments.length); 
 } 
   
 test(1); // 1 
 test(1, 'a'); // 2 
 test(true, [], {}); // 3 利用arguments可以实现类似C语言printf的功能，也可以用来实现方法的多态。

登录后复制

以上就是javascript函数入门级学习实例代码详解的详细内容，更多请关注php中文网其它相关文章！