文章目录
一、函数?
函数简单来说就是一段可重复执行的代码,使用函数可以进行代码的封装及重用。
函数可分为 自定义函数(自己写的函数)和系统函数(内置函数)
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~~~~~~~~~~~~~