JavaScript中的函数介绍和用法详细指南

2021年3月19日18:39:55 发表评论 372 次浏览

函数是一组语句, 这些语句接受输入, 进行一些特定的计算并产生输出。基本上, 函数是一组语句, 它们执行一些任务或进行一些计算, 然后将结果返回给用户。

这个想法是将一些通常或重复执行的任务放在一起并创建一个函数, 这样我们就可以调用该函数, 而不是为不同的输入一次又一次地编写相同的代码。

与其他编程语言一样, JavaScript也支持函数的使用。你必须已经看过JavaScript中的一些常用函数, 例如alert(), 这是JavaScript中的内置函数。但是JavaScript允许我们创建用户定义的函数。

我们可以使用关键字在JavaScript中创建函数函数。下面显示了使用JavaScript创建函数的基本语法。

语法:

function functionName(Parameter1, Parameter2, ..)
{
    // Function body
}

要使用JavaScript创建函数, 我们必须首先使用关键字函数, 由括号内的函数名称和参数分隔。花括号{}中的函数部分是函数的主体。

功能定义

在使用JavaScript中的用户定义函数之前, 我们必须创建一个。我们可以使用以上语法在JavaScript中创建一个函数。函数定义有时也称为函数声明或函数语句。

以下是在JavaScript中创建函数的规则:

  • 每个功能都应以关键字开头函数其次是,
  • 用户定义的函数名称, 应该是唯一的,
  • 括在括号内并用逗号分隔的参数列表,
  • 包含括在大括号{}中的函数主体的语句列表。

例子:

function calcAddition(number1, number2) 
{ 
     return number1 + number2; 
}

在上面的示例中, 我们创建了一个名为calcAddition的函数, 该函数接受两个数字作为参数并返回这两个数字的加法。

功能参数

到目前为止, 我们已经听到了很多有关函数参数的信息, 但是还没有详细讨论。参数是传递给函数的附加信息。例如, 在上面的示例中, 该功能的任务calcAddition是计算两个数字的加法。我们要对其执行加法运算的这两个数字作为参数传递给此函数。参数在函数名称后的括号内传递给函数, 并用逗号分隔。 JavaScript中的函数可以具有任意数量的参数, 并且同时JavaScript中的函数不能具有单个参数。

调用函数:定义函数后, 下一步是调用它们以使用函数。我们可以通过使用函数名来调用函数, 该函数名由括号和分号结尾之间的参数值分隔。以下语法显示了如何在JavaScript中调用函数:

functionName( Value1, Value2, ..);

下面是一个示例程序, 说明了JavaScript中函数的工作方式:

<script type = "text/javascript" >
  
// Function definition
function welcomeMsg(name) {
    document.write( "Hello " + name + " welcome to lsbin" );
}
  
// creating a variable
var nameVal = "Admin" ;
  
// calling the function
welcomeMsg(nameVal);
  
</script>

输出如下:

Hello Admin welcome to lsbin

退货声明:在某些情况下, 我们希望在执行某些操作后从函数返回一些值。在这种情况下, 我们可以利用JavaScript中的return语句。这是一个可选语句, 通常是JavaScript函数中的最后一条语句。看我们的第一个例子, 函数名为calcAddition。此函数先计算两个数字, 然后返回结果。使用return语句的最基本语法是:

return value;

return语句以关键字开头返回用我们要从中返回的值分隔。我们也可以使用表达式, 而不是直接返回值

职能:

  • Javascript |箭头功能
  • JavaScript |escape()
  • JavaScript | unescape()
  • JavaScript |Window print()
  • Javascript | Window Blur()和Window Focus()方法
  • JavaScript | console.log()
  • JavaScript | parseFloat()
  • JavaScript | uneval()
  • JavaScript | parseInt()
  • JavaScript | match()
  • JavaScript | Date.parse()
  • JavaScipt Replace()方法
  • JavaScript | Map.get()
  • JavaScript | Map.entries()
  • JavaScript | Map.clear()
  • JavaScript | Map.delete()
  • JavaScript | Map.has()

更多>>


木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: