函数
编程讲究一个“高内聚、低耦合”的原则,就是把相同功能的代码抽取出来放到黑匣子里面,每次调用的时候调用这个黑匣子,就不用再自己写,避免了多次重复,在Javascript里面充当黑匣子的就是函数。耦合也就是重复的意思。
函数的function关键字跟Var没有本质的区别。函数的基本功能及调用:
function test(){
var a = 123;
var b = 234;
var c = a +b;
doucument.write(c);
}
test(); //357 //函数调用
函数定义
1、函数声明的基本形式:
//第一种
function test(){
//这里写函数体
}
document.write(test) //结果为function test(){}
//test指代函数体,test()才是执行函数
函数名和变量名的起名方式相似,需要注意的是,如果函数名或变量名是多个单词拼在一起,为了符合开发规范,应该满足小驼峰原则,如:theFirstName,第一个单词小写,其他单词开头字母大写。
2、函数表达式
//第二种:命名函数表达式
var test = function testAbc(){
document.write('a'); //这种方式类似于声明变量
}
//第三种:匿名函数表达式 ---- 比较常用,一般称为函数表达式
var demo = function(){
document.write('b');
}
document.write(test()) //a,这里执行必须调用test()
命名函数表达式形式声明函数会忽略函数的名字,这里定义了函数名也相当于匿名函数,也就是充当一个表达式就不能充当一个函数体,而命名函数表达式代表函数体的也是变量名test,不是abc。
三种方法只有一点区别,第一种定义和第三种定义方法的函数名称都是自己,而第二种是变量名。
组成形式
1、函数名称
必须得有函数关键字function、函数名、()、{}。
2、参数(可选)
javascript的参数不限制个数,这也是javascript参数的一个强大的功能。形参和实参的个数不定,实参可以比形参多,形参也可以比实参多。
- 形参
在括号里添加一个a,一个b,就相当于隐式的在函数体里面,声明两个变量,但没有值, 可以通过传递参数来给参数赋值。
function sum(a, b){
//隐式声明 -- var a; var b;
document.write(a+b);
//sume.length -- 形参的长度
}
不需要声明参数的类型,这里的参数只代表了一种形式,所以称为形式参数。
每一个函数都有一个arguments -- [11,2,3] -- 实参列表,无论形参是否接受完实参,arguments都会把实参当做数组存起来。在没有接收完实参的情况下也能访问全部的实参列表。
function sum(a){
//arguments -- [11, 2, 3] 实参列表
//console.log(arguments); //输出实参列表
for(var i = 0; i< arguments.length; i++){
console.log(arguments[i]);
}
}
- 实参
sum(11, 2, 3)
这里实际用的时候传递的参数是实际参数。
参数的长度:形参的长度通过sum.length即可以访问,实参的参数长度通过arguments.length可知。参数只要是变量,传什么类型都可以。
比较形参和实参个数:
function sum(a, b, c, d){
if(sum.length > arguments.length){
console.log('形参多了');
}else if(sum.length < arguments.length){
console.log('实参多了');
}else{
console.log('参数相等');
}
}
sum(2, undefined, 11,'abc',7);
实现任意个数求和(这里展示了不定参数的强大功能):
function sum(){
var result = 0;
for(var i = 0; i< arguments.length; i++){
result += arguments[i];
}
console.log(result)
}
sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
形参和arguments是同时变化的,但是他们不是同一个变量,系统内部有一个映射规则&,也就是一个变,另一个也跟着变。例如下面这个例子:
function sum(a, b){
//arguments[1,2]
//var a = 1;
//第一种情况
a = 2;
console.log(arguments[0]); //输出2
//第二种情况
a = 2;
arguments[0] = 3;
console.log(a); //输出3
}
sum(1, 2);
但是,有一种情况,实参比形参少,这时候映射就不存在了。例如实参只有一个,形参有两个:
function sum(a, b){
b = 2;
console.log(arguments[1]); //输出undefined
}
sum(1);
实参传递的时候有几个就有几个,定好了不会改变,这里让b=2也不会往实参列表添加值,因为它根本没有第二个参数,这时候b就相当于一个变量。
也就是形参和实参相等的时候才会有映射规则,不等的时候,形参多了就无法对应实参,不能完全映射。
3、返回值(return)
- 一是终止函数,在函数结尾,如果没有加return,系统会隐式的添加一个return来结束函数。
- 二是返回值,这个比较常用。
function myNumber(target){
return +target;
}
var num = myNumber('123');
console.log(typeof(num) + " " + num);