函数基本使用语法、规则
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- (1)函数:封装一次,可以在任何时候,任何地点执行多次的代码块
(2)语法:
function 函数名(){
函数体;
}
(3)函数名命名规则:和变量名命名规则一致
(4)函数不会自己执行,需要被调用才可以执行
函数调用:函数名()
(5)变量名一般为名词 函数名一般为动词
(6)函数的定义顺序与调用顺序无关 -->
</head>
<body>
<script type="text/javascript">
//声明一个函数,命名为show
function show(){
document.write('hello world');
}
show();//调用函数
</script>
</body>
</html>
函数形参:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- 函数参数之间用逗号隔开
理论上,函数的参数有无限个
函数参数调用时和定义时顺序一致 -->
<script type="text/javascript">
//用函数实现:计算圆的面积
//带有一个参数的函数
//形参
function calCircle(r){
var area=Math.PI*r*r;
console.log(area);
}
//实参
calCircle(20);
calCircle(10);
calCircle(5);
//用函数实现计算长方形的面积
function calRec(h,w){
var area=h*w;
console.log("面积为:"+area);
}
calRec(20,50);
calRec(10,50);
calRec(20,40);
</script>
</head>
<body>
</body>
</html>