函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
自定义函数:独立于主程序的、具有特定功能的一段程序代码块。
作用:
1、动态传参
2、让代码可以进行重复调用(封装)
3、让代码更加易于维护
约定:
1、函数名:易于识别;(同变量命名规则)
2、程序代码:模块化设计;
3、函数位置:按逻辑顺序,集中置顶。(…)
函数的定义:
函数就是包裹在花括号中的代码块,前面使用了关键词 function
注意:JavaScript 对大小写敏感。关键词function必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
格式:
function 函数名([参数[,参数…]]){ <语句组> return <表达式>; }
函数的调用:
格式:函数名([参数[,参数…]]);
说明:
1、定义函数时候的参数被称为形参,调用函数时候的参数被称为实参。
2、调用函数时,参数的传递是按照定义时候的参数顺序依次赋值。
3、在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。您可以发送任意多个参数,由逗号 (,) 分隔。
例:
myFunction(参数1,参数2,参数3)
类别:
1、无参无返回函数
function move(){ alert(‘张漂亮’); } move();
2、有参无返回函数
function move(name){ alert(name); } move(“张漂亮”);
3、无参有返回函数
function move(){ var name = “张漂亮”; return name; } alert(move());
4、有参有返回函数
function move(name,str){ return name+”,”+str; } alert(move(“张漂亮”,”你好漂漂”));
return:
返回数据:在自定义函数中,return的数据返回到了方法调用处。
function js(a,b){ return a+b; } alert(js(1,2)+3);
1、参数什么时候需要定义?答:进行数值动态改变。
2、return哪里需要用?什么时候不需要用?答:方法执行时候,需要一个结果时候,就可以使用return进行返回。
3、终止函数的继续运行;当遇到if……else时,若出现return,就会出现终止运行,不会继续做出判断,当返回是false时,将中断操作。
练习1
使用函数进行汉子排序
var arr = ["啊","的","笔","吃"];
arr.sort(function (a, b) { return a.localeCompare(b) });
document.write(arr);
练习2
使用函数进行数值大小排序
var arrOne = new Array(5,3,12,8,9,14);
var s = arrOne.sort(b_num);
function b_num(a,b){
return a-b;
}
document.write(s);