JS基础——函数的创建和使用
在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它同样也具有函数名,参数,返回值,函数体等这些平常函数所具有的内容。但是作为一种脚本语言,它确实也有自己不一样的地方。
一、创建
<span style="font-size:18px;">function box(){ //利用function关键字进行声明+函数名+(可添加参数)+{具体执行内容,可包括返回值} return 'hello!'; }</span>
在这里,我们需要知道的是,box后面的()具有执行该函数的功能,同时可用来进行传参。
如果我们在JS中直接调用alert(box),那么结果会显示如下图:因为没有加(),所以它没有执行。只有在加了()后,才会正常显示‘hello!‘ (这里匿名函数中会用到)
二、函数传参
JS函数中用到一个arguments对象,可以实现动态传参,使得函数在传参时,并不介意有多少参数!
1、arguments对象简单使用
function box(){ //这里并没有传递参数 return arguments[0]+arguments[1]+arguments[2]; //这里代表第几个参数 } alert(box('大家','国庆节','快乐!'));
可以看出来,arguments对象相当于一个对象数组,它将函数中传进来的参数放在了一个数组中,按顺序进行调用。
如果调用它的长度,会发现:长度为3,即参数的个数。
function box(){ return arguments.length; }但是出现了一个问题,这里并没有实现动态传参啊,只是参数一一对应而已,没错,其实,arguments对象只能识别它自己事先定义好的个数的参数,如果外界传进来的参数不足,那么自动以undefined代替,如果传进来参数超出本身所定义的个数,那么,他会将多余的自动抹去,不会显示!
那么如何才能实现动态传参呢?让上面的函数可以传进并且识别所有我想传进的参数,比如在实现加法时,并不知道用户相加的数字的个数有多少的时候,该怎么解决呢?这里用到了一个简单循环来实现。
2、利用arguments对象实现动态传参:
function box() { var sum = 0; if (arguments.length == 0) return sum; for(var i=0;i<arguments.length;i++) { sum += arguments[i]; } return sum; }这样,我们如果调用函数alert(box(3,4,5,6,7,8,9)),无论加多少都可以得到想要的答案了。在这里需要注意的是,如果存在string格式的那么数字也会被当成字符串来处理,这时候‘+’会被当成&连字符来处理。
三、匿名函数
JS中函数还支持无名英雄,在声明函数时,没有函数名称的函数称为匿名函数(跟匿名信一个道理)。
function (){ return 'hello!'; }
可是没有函数名的函数如何来调用呢?
匿名函数的执行方法:
1、通过赋给变量进行调用
var box=function(){ return 'lee'; } alert(box());
2、自我执行
在创建时,提到了()代表执行,在匿名函数中也是一样。
(function(){ alert( 'lee'); })()
<span style="font-size:18px;">//语法:(匿名函数)()第一个圆括号放匿名函数,第二个圆括号执行</span>这里的()使得页面在加载时,就可以直接执行JS中的匿名函数。不再需要赋值。
3、匿名函数进行传参
这里也是用到了()这个小知识,第二个()代表执行,同时他还可以进行传参,所以,我们还可以为匿名函数进行传参。
例如:
(function(age){ alert(age); }(100))其实,这里跟我们平时的函数原理是一样的。可以把前面整个匿名函数当成一个函数名,后面小括号进行传参和执行。这里的100可以用其他的表达式来代替,如页面中获取了某些表达式的值等。
以上是关于JS学习中函数的一些基础知识,需要把握住原有知识和现在所学内容之间的相同点和不同点,认真总结和反复理解,才能最终得以应用。关于匿名函数的使用还有很多的应用,将在后续继续总结!
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。