函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
首先JS是写在script 里面
<script>
</script>
函数就是包裹在花括号中的代码块，前面使用了关键词 function：
<script>
function show(a,b){
//执行代码;
}
</script>
当调用该函数时，会执行函数内的代码。
在调用函数时，您可以向其传递值，这些值被称为参数。
这些参数可以在函数中使用。
您可以发送任意多的参数，由逗号 (,) 分隔：
参数分为形参、实参两种；
在function 后面的函数名的括号里面的是形参；
在调用的时候的函数名括号里面的是实参；
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。
开始 ，我们先封装一个函数
<script>
//写出关键字，以及函数名，还有形参；
function show(a,b){
var z = a*b;//定义一个z变量来存储a*b的值；
if(a>=1&&b>=1)
//接下来是判断a和b的值；如果a和b的值都是大于等于1的
{
for(var i = 1; i<=z;i++)
//套用一个for循环，定义一个变量i，如果i小于a*b的值，则i自增；
{
if(a%i==0&&b%i==0)
//如果a和b都能除以i，都可以除尽的话，执行if语句里面的值
{
var min = i;
//定义 一个最小值，将i的值赋予min；
}
if(i%a==0&&i%b==0)
//如果i除以a和b都能除尽，执行if语句里面的值
{
var max = i;
//定义 一个最大值，将i的值赋予max；
break;
//最后终止循环；
}
}
document.write("最大的公约数是"+min+"<br>"+"最小公倍数是"+max);
}
}
</script>
最后再将封装好的函数进行调用
var a = Number(prompt("请输入第一个数"));
//由用户输入第一个数字;
var b = Number(prompt("请输入第二个数"));
//由用户输入第二个数字;
show(a,b);
//调用函数，括号里面的是实参，分别对应着形参
上面的封装的函数里面套用循环里面的两个函数不能调换位置，代码是从上往下读的，后面那个if里面用了break；还有i是自增的，只要后面的代码块执行成功，整个循环终止；则第一个输出的为0；
完整代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function show(a,b){
var z = a*b;
if(a>=1&&b>=1){
for(var i = 1; i<=z;i++){
if(a%i==0&&b%i==0){
var min = i;
}
if(i%a==0&&i%b==0){
var max = i;
// break;
}
}
document.write(min+"<br>"+max);
}
}
var a = Number(prompt("请输入第一个数"));
var b = Number(prompt("请输入第二个数"));
show(a,b);
</script>
</body>
</html>
还有变量的使用：
1、局部 JavaScript 变量
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕，本地变量就会被删除。
2、全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
如有不足，请多指导；