JavaScript之Function函数（一）

JavaScript之Function函数
函数是对象！JavaScript（简称js）中不存在类和接口这种数据结构，所以ES使用引用类型这种数据结构来代替类（两者很相似，但并不同）。引用类型的值（对象）是引用类型的实例。因为Function是引用类型，而每个函数又都是Function的实例，由此，我们可以推论出：函数是对象。下面，我们从普通函数和对象两方面分析函数的概念。
一、 普通函数
即我们平常写的函数
function a(){

    }

我们就从最开始一点一点的深入。
1、 函数声明和函数表达式
函数声明：function a(){ console.log(a);}
函数表达式：var a = function(){console.log(a);};
两者的作用或者说目的相同，都是函数定义的方式，不同点是函数声明有一个函数声明提升的特点，即你可以先调用函数，再定义函数；

我们先调用的a方法，然后才定义的函数a，照样可以执行不会报错，因为解析器会率先读取读取函数声明。而函数表达式则必须等待解析器执行到它所定义的代码行才会执行。


所以，在定义函数或调用时一定要分清是什么方式定义的，避免调用时出现错误情况。
2、 函数返回值
JavaScript中的函数不需要指定返回值，因其动态特性，可以返回任何值。而且函数在不指定返回值时函数默认返回undefined。

第一行定义了一个空函数，使用typeof关键字检测其返回值类型，返回undefined值；

同样定义一个函数，返回1，使用typeof关键字检测其返回值类型，返回number类型（基本数据类型）。
3、 函数传参
JavaScript的函数传参很特别，首先参数的传递都是按值传递的，其次，参数的传递个数不受限制。
（1）值传递


变量a是基本类型，当a作为参数传递给_1时，其实是传递给num一个副本，num作为局部变量，只是与a的值相同，没有任何关系，所以对num的任何操作都不会影响变量a。
我们再看一下传递引用类型时的变化，是否也是按值传递。


a是一个空对象，当传递给函数时，a就复制给了num，num增加了一个name属性，结果返回num。通过结果，我们可以看到一开始对象a是没有name属性的，在调用函数之后对象a也获得了同样的属性，乍一看，这好像符合按引用传递的原理，那我们再看一个例子。


这段代码与上一段唯一不同的地方就是圈起来的那两行代码，第一行将num重新指向了一个对象，并重新定义了一个内部属性，如果按照引用类型传递的话，对象a的属性值应该是‘wxx,’但是从结果来看，对象a的属性值并没有变成‘wxx’，这是为什么呢？
因为当对象a传递给函数时，a赋值给num，在函数内部，a和num引用的是同一个对象，即：即使a是按值传递的，num也会按照引用来访问同一个对象。所以，在函数内部为num添加name属性时也会反映在函数外部的对象a上，当将num重新指向一个新对象时，对象a的引用并没有变。这个地方不好理解，需要好好分析。
（2）参数个数
函数的参数在内部是以一组数组来表示的，参数的有无，多少函数都不关心，如果要访问参数数组，我们可以使用函数的arguments属性（注意:严格模式下访问arguments会报错，安全性问题）。
JavaScript函数没有重载


上面两个函数具有相同的函数名，区别是传递参数不一样，这是OO语言重载的一种方式，但是执行结果却是只执行最后一个定义的函数。
因为参数是使用数组来表示的，所以就没有了其他OO语言的重载机制，不过因为可以用arguments来访问参数数组，在一定程度上还是能够弥补其没有重载的缺陷。
4、 函数内部属性：arguments和this
（1） arguments对象
arguments刚才已经简单提到过了，它是一个类数组对象，并不是Array的实例，

它主要保存着函数中的所有参数，并且是和函数的命名参数（即函数名括号后面的形参）同步，修改arguments或者修改命名参数的值都会同时反映到对方上。
arguments内部有一个callee属性，该属性是一个指针，指向拥有这个arguments对象的函数。


可以明显看到执行就过就是函数a,这样做的好处就是无论函数名后期如何变化，我们都可以放心调用而不担心会出错。比如阶乘函数：


（2） this对象
JavaScript里的this和其他OO语言里的this基本类似，都是表示当前的执行环境也就是作用域。


第一个执行环境是window，也就是全局作用域，第二个执行环境是对象c。
补充 ： 函数的caller属性和length属性我没有写
length属性表示函数的形参数量，有几个就是几个，和实际传递的参数没有任何关系。


caller属性保存调用当前函数的函数的引用，全局作用域中值为null。


函数a内部调用函数b,这个caller就指向a；如果是在外部调用b的话，caller的值就是null。
arguments.callee 和 caller还是尽量少用，因为它们都能窥探函数内部代码，安全性差，所以还是慎用，也可以用其他的方式替代他们，比如apply和call方法，下一章会详细介绍。
关于函数这方面的东西非常多，也很重要，要全部写完篇幅会很长，所以只能分开章节去写，下一章主要针对函数作为一个对象应有的特性以及JavaScript的对象机制还有对象的继承、多重继承等内容。第一次写，手生，欢迎指导。
参考资料 ： 《JavaScript高级程序设计第二版》
《JavaScript面向对象设计》