JavaScript 函数课堂笔记

最新推荐文章于 2021-05-27 02:00:45 发布

王凯华

最新推荐文章于 2021-05-27 02:00:45 发布

阅读量153

点赞数

分类专栏： html JavaScript 文章标签： JavaScript 函数

本文链接：https://blog.csdn.net/baidu_39016558/article/details/86152453

版权

JavaScript 同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

html

16 篇文章 0 订阅

订阅专栏

1, 函数：函数就是一种封装;
2. 定义函数：
function 函数名（）{
函数名;
}

function   print(){
   document.write('hello,world')
}
print();

3.函数不会自动执行;需要被调用才可以执行;
调用：函数名（）;
4.函数命名规则：
（与变量命名规则一致）

            1）以字母，$，_   开头
            2）可以包含数字 、字母、 $   _  
            3）区分大小写;
            4）不能使用关键字和保留字;

驼峰命名法：
若名称由多个单词组成，则从第二个单词开始，首字母大写；

5.区分变量名和函数名：
有一个不成文的规定：
函数名：动词
变量名：名词

6.函数的定义顺序与调用顺序无关（函数都是预先加载的）；

带有参数的函数：

function print1( var row){     //var 一般省略

}
print1（row）;

    1.形参:函数定义时的参数           function print1( var row) 
    2.实参:函数掉用时的参数           print1（row）;

//计算圆形的面积
function calCircle(r){
			// var r=15;
			var area=Math.PI*r*r;
			console.log(area);
		}

		// calCircle(15);//计算圆的面积
		calCircle(15);

3.函数的参数理论上可以有无限多少个，多个参数之间使用逗号隔开;

//计算长方形的面积

		function calRet(w,h){
			// var w=10;
			// var h=5;
			var area=w*h;
			console.log(area);
		}

		// calRet();
		
		calRet(20,10);
		calRet(30,10);

4.函数参数类型不限制

//多参函数

        function via(name,age,gender){
        	var a='先生';
        	if(!gender) {
                a='女士'; 
        	}
        	document.write('欢迎'+name +a+'年龄:'+age+'岁');

        }
        via('王二',30,true);

return 语句;

   （1）将结果返回

//带有返回值的函数
		//计算两个数据的差
		function diff(a,b){
			var val;//差
			if(a>b){
				val=a-b;
			}else{
				val=b-a;
			}
			// console.log(val);
			// document.write(val);
			// alert(val);
			return val;//将val返回
		}


		var a=diff(10,90);
		console.log(a);
		alert(a);
		document.write(a);

例如：写一个获取时间的代码；

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>获取时间</title>
	
</head>
<body>
	  <div id='box'></div>

	<script type="text/javascript">
		var x=document.getElementById('box');//节点(元素)对象

        //显示当前时间
		function showTime(){
            var date=new Date();
            var hour=date.getHours();
            var minute=date.getMinutes();
            var second=date.getSeconds();
            
            //为小于10的数字补0
            if (hour<10) {
            	hour='0'+hour;
            }
            if (minute<10) {
            	minute='0'+minute;
            }
            if (second<10) {
            	second='0'+second;
            }

            var time=hour+':'+minute+':'+second;
            // document.write(time);

            //在div中显示
            x.innerHTML=time;

		}
		 showTime();
		 setInterval(showTime,1000);

		 //松耦合
	</script>
</body>
</html>

为小于10的数字补0，用if太麻烦；可以改为下面代码；

//为小于10的数字补0
            /*if (hour<10) {
            	hour='0'+hour;
            }
            if (minute<10) {
            	minute='0'+minute;
            }
            if (second<10) {
            	second='0'+second;
            }*/
            hour=addzero(hour);
            minute=addzero(minute);
            second=addzero(second);
            var time=hour+':'+minute+':'+second;
            // document.write(time);

            //在div中显示
            x.innerHTML=time;

		}
		function addzero(num){
            if(num<10){
            	num='0'+num;
            }
            return num;
		}
		 showTime();
		 setInterval(showTime,1000);

		 //松耦合
	</script>

王凯华

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 函数课堂笔记

函数：函数就是一种封装;定义函数：function 函数名（）{函数名;}function print(){ document.write('hello,world')}print();3.函数不会自动执行;需要被调用才可以执行;调用：函数名（）;4.函数命名规则：（与变量命名规则一致）1）以字母，$，_ 开头2）可以包含数字、字母、 $、_...
复制链接

扫一扫