JavaScript 函数

Posted 折剑公子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 函数相关的知识,希望对你有一定的参考价值。

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("三国杀!");
}
</script>
</head>

<body>
<button onclick="myFunction()">点击这里</button>
</body>
</html>

javascript 函数语法

函数就是包裹在花括号中的代码块,前面使用了关键词 function:

function functionname()
{
这里是要执行的代码
}

当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

注意:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。

调用带参数的函数

在调用函数时,您可以向其传递值,这些值被称为参数。

这些参数可以在函数中使用。

您可以发送任意多的参数,由逗号 (,) 分隔:

myFunction(argument1,argument2)

当您声明函数时,请把参数作为变量来声明:

function myFunction(var1,var2)
{
这里是要执行的代码
}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

例子:

<!DOCTYPE html>
<html>
<body>

<p>点击这个按钮,来调用带参数的函数。</p>

<button onclick="myFunction(‘Bill Gates‘,‘CEO‘)">点击这里</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

</body>
</html>

 





















以上是关于JavaScript 函数的主要内容,如果未能解决你的问题,请参考以下文章

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

jQ选择器学习片段(JavaScript 部分对应)

几个关于js数组方法reduce的经典片段

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象