JavaScript函数定义 ,参数调用

2019-01-21 02:39:09来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

一.JavaScript函数
函数: 函数就是一种封装,由事件驱动的或者当它被调用时执行的可重复使用的代码块。
定义函数:
function 函数名(){
函数体;
}
数不会自动执行,需要被调用才可以执行
函数名();
函数命名规则:
与变量命名规则一致
1)以字母、、开头2)可以包含数字、字母、 、_开头 2)可以包含数字、字母、、

?
头2)可以包含数字、字母、、_
3)区分大小写
4)不能使用关键字和保留字
驼峰命名法:若名称由多个单词组成,则从第二个单词开始,首字母大写
区分变量名和函数名
不成文的规定:
函数名 动词
变量名 名词
函数的定义顺序与调用顺序无关

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
在页面输出5行hello world
定义函数
function printHello(){
for(var i=0;i<5;i++){
document.write('hello world<br>');
}
}
printHello(); 函数调用
</script>
</body>
</html>

 



二.函数参数调用;
形参:函数定义时的参数
实参:函数掉用时的参数
函数的参数理论上可以有无限多少个,多个参数之间使用逗号隔开
函数参数类型不限制

案例1
/打印图形
*
***
*****
*******
*********
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function show(row){
for(i=1;i<=row;i++){
for(j=1;j<=2*i-1;j++){
document.write('*');
}document.write('<br>');
} 
}
show(5);
</script>
</body>
</html>

 

案例2
计算长方形的面积
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function calRet(w,h){
var w;
var h;
var area=w*h;
console.log(area);
}
calRet(20,10);
</script>
</body>
</html>

 

案例3:多个函数参数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function person(name,age,gender){
var man='先生';

if (!gender) {
man='女士';
}document.write('欢迎'+name+man+'到校访问,年龄为:'+age+'<br>');
}
person('小强',60,true);
person('小强',60,false);
</script>
</body>
</html>

 

 

案例4:时间调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var o=document.getElementById('box');
function showTime(){
//获取年,月,日
var date = new Date;
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
//获取时,分,秒
var hour=date.getHours();
var minute=date.getMinutes();
var second=date.getSeconds();

hour=add(hour);
minute=add(minute);
second=add(second);

time=year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;
o.innerHTML=time;
}
function add(num){
if (num<10) {
num='0'+num;
}
return num;
}
showTime();
setInterval(showTime,1000);
</script>
</body>
</html>

 


原文链接:https://www.cnblogs.com/learun8080/p/10277000.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Java运行时环境---ClassLoader类加载机制

下一篇:WebSocket整合SSM(Spring,Struts2,Maven)