（写在文前的话：本文涉及到的编译软件为WebStorm，同类编译软件用法大同小异。JavaScript本文简称"JS"。）
在JS程序中，经常会遇到需要多次重复操作的情况，这是需要重复书写相同的代码，这样不仅加重了开发人员的工作量，而且增加了后期代码维护的工作量。所以此时诞生了函数这个东西。那么接下来我们来了解一下函数
1、什么是函数？为什么要用函数？
（一）、函数是在计算机程序中用多条语句组成的逻辑单位。在JS中，函数使用关键字function来定义。
（二）、使用函数是为了是代码简洁并可以重复使用，通常会将某段实现特定功能的代码定义成一个函数。
2、函数的语法格式
<script type="text/javascript"> //此行代码用于在HTML文件中声明这将是一段js代码
function 函数名([参数1，参数二,......]) { //中括号中表示非必写项，根据需要决定
函数体
}
</script>
根据上述语法我们可以看出，函数由关键字“function”、“函数名”、“参数”、和“函数体”4部分来定义，对这四个部分的详细解释如下：
①.function：在函数声明时必须使用的关键字，必须使用！
②.函数名：创建函数的名称，函数名的唯一的
③.参数：外界传递给函数的值，它是可选的，当有多个参数的时候，每个参数之间用逗号隔开
④.函数体：函数定义的主体，专门用于实现特定的功能。
来个小例子吧：
（可能由于浏览器解析原因，展示不出来标签...所以放图片啦 ~~qaq）
运行这段代码，我们会发现看不到任何内容。这是因为函数hello()，没有定义参数,外界的值传不进函数。所以这时候需要一个被称为“函数调用”的机制来激活。
3、函数的调用
函数定义后并不会自动执行，而是需要在特定的位置调用函数。函数的调用只需要引用函数名，并传入相应的参数即可。函数调用语法格式如下：
函数名([参数 1,参数 2,.....)
上述语法中，“[参数1，参数2,....]”也是可选的，用于表示参数列表，它的值可以是一个或多个。
再来的小例子吧~
页面输出结果
当执行这个函数调用的时候，首先执行函数hello()的函数体，然后，JS在执行其函数体之前 会把实参值"你好呀！"传给形参text。这样在执行函数的时候，作为变量的形参text就有了确切的值。
（形参：是在定义函数时使用的参数，目的是用来接收调用该函数时传进来的实际参数。
实参：是在调用时传递给函数的参数。通俗来讲形参就是一个记号，而形参就是实际输出的参数）
4、函数中变量的作用域
函数中的变量需要先声明后使用，但是这不等于定义了变量后就可以随便使用。变量需要在它的作用范围内才可以被使用，这个作用范围取决于变量它是哪一种变量，在JS中，变量一般分为全局变量和局部变量。具体解释如下：
全局变量：定义在所有函数之外，作用于整个程序的代码。
局部变量：定义在函数体之内，作用于该函数体。
（具体用法详见上一篇：JS中变量的用法）
好啦，关于JS中函的的用法就到这啦，欢迎大家提出宝贵的建议！
喜欢的话给个小心心吧~٩(๑>◡<๑)۶
网友评论