概念
在JavaScript中的函数和数学上函数完全不同!
JavaScript函数:
函数的当它被调用时执行的可重复使用的代码块。
举个小例子:
我们要输出10个Hello World!,那么我们可以用循环来写
for(var i=0; i<10; i++){ document.write("Hello World!
"); }
结果如下
但是呢,当我们需要重复的输入10个Hello World!时就要重复的赋值粘贴fro循环的代码,很麻烦,而且代码还是相同的,显得比较臃肿,这时候我们就可以用到函数。
无参函数
无参函数格式:
注意:
函数体内,外面怎么写js代码,这里也如何写JS代码。
我们拿上面的例子来说,将for循环写入函数体。
//函数的声明 function print(){ for(var i=0; i<10; i++){ document.write("Hello World!
"); } }
这一步叫函数的声明,此时运行没有任何效果。
函数的声明就相当于在写说明书,并没有实际执行效果
只有函数被调用时,才会被执行
调用方式:函数名( );
我们来调用上面的函数:
function print(){ for(var i=0; i<10; i++){ document.write("Hello World!
"); } }//函数调用print();
这时候再运行就可以看到效果,输出10个Hello World!
功能:
函数可以封装任意多条语句,并且可以在任何地方,任何时候调用执行
通俗点说,我们刚才写了说明书,通过函数的调用,就告诉电脑请翻到第几页执行。
以上就是函数的声明和调用。
函数的书面概念:
函数就是把完成特定功能的一段代码【抽象出来】,使之成为程序中的一个【独立实体】,起个名字(函数名)。可以在同一个程序或其他程序中多次重复使用(通过函数名调用)
函数的作用(好处):
1.使程序变得更简短而清晰
2.有利于程序维护
3.可以提高程序开发的效率
4.提高了代码的重用性(复用性)
我们如果想要在新建一个.html文件调用之前写的函数也是可以的。
只需要一个src指定一下我们写的js路径即可
<html lang="en"> <head> <meta charset="UTF-8"> <title>Documenttitle> <script type = "text/javascript" src = "demo.js">script> <script> print();script> head> <body> body>html>
运行效果和之前一样,输出了10个:
这个必须要建立demo.js文件,我们先做了解,以后的课程中会详细讲解。
函数的分类
/*函数分类:(1)内置函数(系统函数、官方函数)alert()parseInt( ) document.write()(2)自定义的函数【注】用户更具实际需求,自己封装一个函数【注】封装函数的时候。函数名=标识符必须见名思意。当前函数的函数名必须体现出函数的功能*/
以上就是函数的概念和无参函数的使用,下节我们来看有参函数。
- End –
--- web分享,分享的不只是web