首页技术文章正文

JavaScript函数入门|语法规则、函数调用、变量作用域5分钟学会

更新时间:2019-12-13 来源:黑马程序员 浏览量:

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

1576219277600_前端6.jpg


什么函数?

比如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前端知识,请关注黑马程序员大前端课程

分享到:
在线咨询 我要报名
和我们在线交谈!