0
点赞
收藏
分享

微信扫一扫

JavaScript基础(3)函数

文章目录


一、函数?

函数简单来说就是一段可重复执行的代码,使用函数可以进行代码的封装及重用。

函数可分为  自定义函数(自己写的函数)和系统函数(内置函数)

1.函数的基本格式:

function   函数名(){
	代码;
}

2.函数调用:

		<!-- 第一种调用方式:事件调用 -->
		<button type="button" onclick="test1()">点击</button>
		<script type="text/javascript">
			function test1(){
				document.write("hello");
				//第三种方式,函数调用另外一个函数
				test2();
			}
			function test2(){
				document.write("李女士");
			}
			// 第二种调用方式,直接调用
		test2();
		</script>

二、常用系统函数

1.parseInt(变量名)

作用:从一个字符串中提取整数,如果字符串中第一个字符不是数字返回NaN,遇到非数字就停止提取!

			document.write(parseInt("hh"));//NaN
			document.write(parseInt("123aa"));//123
			document.write(parseInt("123aa")); //123
			document.write(parseInt("aa123")); //NaN
			document.write(parseInt("12aa3")); //12

2.parseFloat(变量名)

作用:从一个字符串中提取小数,如果字符串中第一个字符不是数字返回NaN,遇到除第一个.以外的非数字就停止提取!

			document.write(parseFloat("12.34hh"));//12.34
			
			document.write(parseFloat(".34hh"));//0.34
		
			document.write(parseFloat("hh12.34"));//NaN

3.isNaN()

作用:先将一个变量的数据类型通过Typeof()转换为Number,如果是NaN==>true,如果是数字返回false,主要用来判断变量是不是数字

			//isNaN(),判断是否是数值,不是数值返回true
			document.write(isNaN("a"));  //true
			document.write(isNaN("123a"));  //true
			document.write(isNaN("123"));  //false
			document.write(isNaN(123));  //false
			document.write(isNaN(true));  //false
			document.write(isNaN("true"));  //true

4.eval()

		//eval函数可以将字符串当成js代码执行
			var str="document.write('hello world')";
			eval(str);
			var res=eval("1+1");
			document.write("<br />");
			document.write(res);

在这里插入图片描述

5.window.prompt()

用来向浏览器中弹出一个用户输入对话框

parseInt(window.prompt('请输入整数'));

在这里插入图片描述

三、自定义函数

自定义函数分为无参函数,带参函数

<script type="text/javascript">
			var a=1;
			var b=2;
			// 无参函数
			function test1(){
				var c=a+b;
				document.write(c);//3
			}
			test1();
			// 形参函数
			function test2(num1,num2){
				var c=num1+num2;
				document.write(c);
			}
			// 实际参数
			test2(5,2);//7
			
		</script>

三、函数返回值

返回值的作用,返回结果,跳出函数

			function add3(a,b,c){
				var res=a+b+c;
				//return返回结果
				return res;
			}
			//接收返回值的结果
			var m=add3(5,8,3);
			var n=add3(7,1,4);
			document.write(m+","+n+"<br>");
			
			function add4(){
				for(var i=1;i<=5;i++){
					if(i==3){
						break;//跳出for循环后面不执行
					}
					document.write("hello");
				}
				document.write("world");
			}
			add4();

在这里插入图片描述
小结:return,break,continue区别

		return;//跳出函数后面不执行
		break;//跳出循环后面不执行
		continue;//跳出本次循环,继续执行

函数对后期JS学习非常重要,有什么问题欢迎大家评论留言,下期更新数组。。。
end~~~~~~~~~~~~~

举报

相关推荐

0 条评论