JavaScript函数
<script type="text/javascript">
/*
1.函数:封装 封装一次,终身受益
2.
function 函数名(){
函数体;
}
3.
函数命名规则:
同变量名
4.函数不会自己执行,需要被调用才可以执行
函数名();
5.如何区分函数名和变量名
一般情况下:变量名 名词
函数名 动词
6.函数的调用顺序与定义顺序无关
*/
//求10以内奇数的和
// var sum=0;
// for(var i=1;i<10;i++){
// if(i%2!=0){
// sum+=i;
// }
// }
/*function show() {
console.log('你好');
}
console.log('哈哈')
show();
console.log('黑河');
// show();
// show();
console.log(show);
function a() {
}
console.log(a);*/
//求圆的面积
/*function getArea(){
var r=10;//半径
var area=Math.PI*r*r;
document.write(area);
}
getArea();*/
//求矩形的面积
function getArea(){
var a=10;//宽
var b=5;//高
var area=a*b;
console.log(area);
}
getArea();
</script>
多参函数:带有参数的函数
1.参数:函数定义时参数:形参 函数调用时参数:实参
2.多参:参数之间用逗号隔开,理论上,函数可以有无限多个参数;且不限制参数个数及参数类型
求圆的面积
function calCircle(r){
//var r=10;
//console.log(r);
var area=Math.PI*r*r;
console.log(area);
}
calCircle(10);
calCircle(15);
求矩形的面积
function calRet(w,h){
var area=w*h;
console.log(area);
}
calRet(10,5);
calRet(42,38);
多参函数实例
1.
/*function showName(name){
document.write('欢迎'+name+'来校参观!!!'<br>);
}
//showName();
showName('王五');
showName('赵六');
showName('李鹏真');*/
2.
/*function show(a,b){
if (a>b) {
document.write(a-b);
}else{
document.write(a+b);
}
}
show(10,30);
show(15,26);*/
3.
function showInfo(a,b,c){
if (c) {
document.write('欢迎'+a+',年龄:'+b+',性别女<br>');
}else{
document.write('欢迎'+a+',年龄:'+b+',性别男');
}
}
showInfo('花花',20,true);
showInfo('强强',25,false);
实现如下函数:当函数无参时:输出‘你好’;当函数有一个参数时:输出它的平方;当函数有两个参数时:输出二者之和
function show(a,b){
//无参
if (a==underfined) {
console.log('Hello');
}else if (b==underfined&&a!=underfined) {
console.log(a*a);
}else{
console.log(a+b);
}
}
show();
show(10);
show(10,20);
带有返回值的函数:用独立函数实现求圆的面积和长方形的面积的和
//计算圆的面积
function calCircle(r){
//var area=Math.PI*r*r;
//return area;//带有返回值的函数
return Math.PI*r*r;
}
//计算长方形的面积
function calRct(w,h){
var area=w*h;
return area;
//return w*h;
}
//求和
function getsum(a,b){
return a+b;
}
var a1=calCircle(10);
var a2=calRct(23,15);
var sum=getsum(a1,a2);
document.write(sum);
匿名函数:自我执行、赋值
(function(a,b,c){
if (a>b) {
console.log(a+b-c);
}else{
document.write(b-a+c);
}
})(14,45,30);
var res=(function (a,b){
return a*b;
})(45,36);