JavaScript函数：

在JS中，函数即为对象，可以随意地被程序操控，函数可以嵌套在其他函数中定义，这样可以访问它们被定义时所处的作用域中的任何变量

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

logo.PNG

函数语法：

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

 function functionname()
 {
执行代码
 }

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

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

调用带参数的函数：

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

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

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

myFunction(argument1,argument2)

当您声明函数时，请把参数作为变量来声明：

function myFunction(var1,var2)
{
代码
}

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



函数传参代码实例：


实例一：

<!DOCTYPE html>
<html>	
<head> 
<meta charset="utf-8"> 
<title>宗波尘客(www.zbck123.com)</title> 
</head>
<body>

<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job)
{
	alert("Welcome " + name + ", the " + job);
}
</script>

</body>
</html>

解析：

script标签里是JavaScript代码，用function关键词写了一个名为myFunction的函数

函数括号里是预留的两个变量来接收传递来的参数

alert里是警告提示框的输出内容，输出的是变量name和job

而button按钮的触发事件传递了两个值，这两个值就对应name和job，并会被从触发后把两个值传递到name和job

所以输出的就是传递后的值


实例二：

<!DOCTYPE html>
<html>	
<head> 
<meta charset="utf-8"> 
<title>宗波尘客(www.zbck123.com)</title> 
</head>
<body>

<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction(5)">点击这里</button>
<script>
function myFunction(a)
{
	alert(a+10);
}
</script>

</body>
</html>

在这里我做了一个调整，传递的值是5

函数接收的变量是a

输出的是变量a+10

而因为触发事件后，a被传递为5

所以就变成5+10

答案就是15