函数
编程讲究一个“高内聚、低耦合”的原则，就是把相同功能的代码抽取出来放到黑匣子里面，每次调用的时候调用这个黑匣子，就不用再自己写，避免了多次重复，在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);
网友评论