js函数
文章目录
一.概念:
函数具有特定功能的代码块
二.特点:
可复用,将代码模块化.
三.定义:function
2.1function 函数名(参数1,参数2…){
函数体;(代码块)
}
2.2参数不需要定义.
例:
<body>
<script>
//加法
function demo(){
var a = 10;
var b = 10;
var sum = a+b;
alert(sum);//弹出框
}
//乘法
function tell(){
var n = 10;
var m = 10;
var vl = n*m;
alert(vl);
}
tell();
</script>
</body>
四.函数调用
1.函数在定义好了之后,不能自动执行,需要调用才能执行
2.函数调用方式:
2.1在script中调用
<script>
//加法
function demo(){
var a = 10;
var b = 10;
var sum = a+b;
alert(sum);//弹出框
}
//乘法
function tell(){
var n = 10;
var m = 10;
var vl = n*m;
alert(vl);
}
//在script调用函数,只需要函数名字后边加括号就行
tell();//调用函数
demo();//调用函数
</script>
2.2在html中调用
<body>
<button onclick="demo()">按钮1</button>
<button onclick="tell()">按钮2</button>
<script>
//加法
function demo(){
var a = 10;
var b = 10;
var sum = a+b;
alert(sum);//弹出框
}
//乘法
function tell(){
var n = 10;
var m = 10;
var vl = n*m;
alert(vl);
}
//在script调用函数,只需要函数名字后边加括号就行
// tell();//调用函数
// demo();//调用函数
</script>
</body>
5.函数的来源分类:
5.1库函数
系统函数,如 floor() random()
5.2自定义函数,自己封装功能
var a = num();//a:定义的函数
二.带参数的函数
1.在函数的调用中,也可以传递一些值,这些值被称为参数。
demo(a,b);
2.参数的个数可以为任意多,每个参数通过“,”隔开。
3.参数在传递时顺序必须一致。
4.参数的意义:
通过传递参数的个数以及参数的类型不同完成不同的功能。
例1:
<script>
function demo(a,b){
var sum=a+b;
alert(sum);
}
demo(10,20);//将参数10 20,传递给a b,sum=30。
</script>
例2:
<!-- 按钮添加一个点击事件,onclick等号右边写要实现功能的函数名字 -->
<button onclick="demo1('a',20)">按钮</button>
<!-- 单引号和双引号可以交叉使用,但不可以双引号和双引号,单引号和单引号。 -->
<script>//script的个数不限
function demo1(name,age){//参数类型不同
alert("hello,"+name+",我的年龄是:"+age);
//“+”是连接符,字符串输出要用“”引起来,字符串原样输出,name和age是参数不是字符串所以不用“”。
}
</script>
三.return返回值
1.给函数设置返回值,就可以再调用函数的时候获取函数返回的值.
2.只要遇到return就会返回值,并且函数就会停止运行.return后边的语句将不会执行。
例1:
<script>
function demo(){
return "hello";//当调用函数demo时,会返回一个hello的字符串
}
var a=demo();//调用函数demo,并将值赋给a
alert(a);//弹出a的值
</script>
例2:
<script>
function demo1(a,b){
//比较两个数中最大值
if(a>b){
return alert("a大");
}else{
return alert("b大");
}
}
demo1(10,20);
</script>