JavaScript函数基础入门|原来JavaScript函数如此简单![web前端开发]

在Javascript程序中，经常会将一些功能多次重复操作，这就需要重复书写相同的代码，这样不仅加重了开发人员的工作量，而且增加了代码后期的维护难度。为此，javascript提供了函数，它可以将程序中烦琐的代码模块化，提高程序的可读性。下面，将针对函数的相关知识进行讲解。

什么函数?

比如alert()输出语句就是函数。其中alert是函数名称，小括号用于接受的参数，例如下面的代码：

alert(123);

上面的示例代码表示将数字123传入给alert()函数。函数执行后就会弹出一个警告框，并将123显示出来。在 JavaScrip中像alert这样的函数是浏览器内核自带的，不用任何函数库引入就可以直接使用，这样的函数也称“内置函数”。常见的内置函数还有prompt()、parseInt()、confirm()等。

除了直接调用JavaScrip内置函数，用户还可以自己定义一些函数，用于封装代码。在JavaScrip中，使用关键字function来定义函数，其语法格式如下：

function 函数名(参数1, 参数2……){

    函数体

}

从上述语法格式可以看出，函数由关键字“ function”、“函数名”、“参数”、“函数体”四部分组成，关于这四部分的解释如下。

Function：在声明函数时必须使用的关键字。

函数名：创建函数的名称,函数名称是唯一的。

参数：在定义函数时使用的参数，目的是用来接收调用该函数时传进来的实际参数，这类参数称为“形参”。在定义函数时参数是可选项，当有多个参数时，各参数用逗号“,”分隔。

函数体：函数定义的主体，专门用于实现特定的功能。

对函数定义的语法格式有所了解后，下面演示定义一个简单的函数show()，具体示例如下：

function show(){

    alert(“轻松学习JavaScript”

}

上述代码定义的show()函数比较简单，函数中没有定义参数，并且函数体重仅使用alert()语句返回一个字符串。

JavaScript函数调用

当函数定义完成之后，要想在程序中发挥函数的作用，必须调用这个函数。函数的调用非常简单，只需要引用函数名，并且传入相应的参数即可。函数调用的语法格式如下：

函数名称(参数1,参数2……)

在上述语法格式中，参数可以是一个或者多个也可以省略。值得一提的是，调用函数使用的参数和定义函数的参数不同，调用的参数必须具有确定的值，以便把这些传送给形参，这类参数称为“实参”。

函数中变量的作用域

函数中的变量需要先定义后使用，但这并不意味着定义变量后就能随意使用。变量需要在它的作用范围内才可以使用，这个作用范围称为变量的作用域。在javascript中，根据作用域不同，变量可分为全局变量和局部变量，对它们的具体解释如下。

全局变量：定义的所有函数之外，作用于整个程序的变量。

局部变量：定义在行数体之内，作用于函数变量体的变量。

以上我们介绍了JavaScript函数的基本用法，如果想学习更多web前端知识，请关注传智播客大前端课程。


猜你需要：

Web前端入门视频教程【下载地址】