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

}

我们就从最开始一点一点的深入。

1、 函数声明和函数表达式

函数声明:function a(){ console.log(a);}

函数表达式:var a = function(){console.log(a);};

两者的作用或者说目的相同,都是函数定义的方式,不同点是函数声明有一个函数声明提升的特点,即你可以先调用函数,再定义函数;

java scriptengine计算 java script function_对象


java scriptengine计算 java script function_java scriptengine计算_02

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

java scriptengine计算 java script function_对象_03


java scriptengine计算 java script function_java scriptengine计算_04


所以,在定义函数或调用时一定要分清是什么方式定义的,避免调用时出现错误情况。

2、 函数返回值

JavaScript中的函数不需要指定返回值,因其动态特性,可以返回任何值。而且函数在不指定返回值时函数默认返回undefined。

java scriptengine计算 java script function_引用类型_05


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

java scriptengine计算 java script function_引用类型_06


同样定义一个函数,返回1,使用typeof关键字检测其返回值类型,返回number类型(基本数据类型)。

3、 函数传参

JavaScript的函数传参很特别,首先参数的传递都是按值传递的,其次,参数的传递个数不受限制。

(1)值传递

java scriptengine计算 java script function_函数_07


java scriptengine计算 java script function_引用类型_08


变量a是基本类型,当a作为参数传递给_1时,其实是传递给num一个副本,num作为局部变量,只是与a的值相同,没有任何关系,所以对num的任何操作都不会影响变量a。

我们再看一下传递引用类型时的变化,是否也是按值传递。

java scriptengine计算 java script function_javascript_09


java scriptengine计算 java script function_引用类型_10


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

java scriptengine计算 java script function_javascript_11


java scriptengine计算 java script function_引用类型_12


这段代码与上一段唯一不同的地方就是圈起来的那两行代码,第一行将num重新指向了一个对象,并重新定义了一个内部属性,如果按照引用类型传递的话,对象a的属性值应该是‘wxx,’但是从结果来看,对象a的属性值并没有变成‘wxx’,这是为什么呢?

因为当对象a传递给函数时,a赋值给num,在函数内部,a和num引用的是同一个对象,即:即使a是按值传递的,num也会按照引用来访问同一个对象。所以,在函数内部为num添加name属性时也会反映在函数外部的对象a上,当将num重新指向一个新对象时,对象a的引用并没有变。这个地方不好理解,需要好好分析。

(2)参数个数

函数的参数在内部是以一组数组来表示的,参数的有无,多少函数都不关心,如果要访问参数数组,我们可以使用函数的arguments属性(注意:严格模式下访问arguments会报错,安全性问题)。

JavaScript函数没有重载

java scriptengine计算 java script function_对象_13


java scriptengine计算 java script function_引用类型_14


上面两个函数具有相同的函数名,区别是传递参数不一样,这是OO语言重载的一种方式,但是执行结果却是只执行最后一个定义的函数。

因为参数是使用数组来表示的,所以就没有了其他OO语言的重载机制,不过因为可以用arguments来访问参数数组,在一定程度上还是能够弥补其没有重载的缺陷。

4、 函数内部属性:arguments和this

(1) arguments对象

arguments刚才已经简单提到过了,它是一个类数组对象,并不是Array的实例,

java scriptengine计算 java script function_javascript_15


它主要保存着函数中的所有参数,并且是和函数的命名参数(即函数名括号后面的形参)同步,修改arguments或者修改命名参数的值都会同时反映到对方上。

arguments内部有一个callee属性,该属性是一个指针,指向拥有这个arguments对象的函数。

java scriptengine计算 java script function_java scriptengine计算_16


java scriptengine计算 java script function_javascript_17


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

java scriptengine计算 java script function_javascript_18


java scriptengine计算 java script function_javascript_19


(2) this对象

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

java scriptengine计算 java script function_引用类型_20


java scriptengine计算 java script function_javascript_21


第一个执行环境是window,也就是全局作用域,第二个执行环境是对象c。

补充 : 函数的caller属性和length属性我没有写

length属性表示函数的形参数量,有几个就是几个,和实际传递的参数没有任何关系。

java scriptengine计算 java script function_引用类型_22


java scriptengine计算 java script function_java scriptengine计算_23


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

java scriptengine计算 java script function_函数_24


java scriptengine计算 java script function_javascript_25


函数a内部调用函数b,这个caller就指向a;如果是在外部调用b的话,caller的值就是null。

arguments.callee 和 caller还是尽量少用,因为它们都能窥探函数内部代码,安全性差,所以还是慎用,也可以用其他的方式替代他们,比如apply和call方法,下一章会详细介绍。

关于函数这方面的东西非常多,也很重要,要全部写完篇幅会很长,所以只能分开章节去写,下一章主要针对函数作为一个对象应有的特性以及JavaScript的对象机制还有对象的继承、多重继承等内容。第一次写,手生,欢迎指导。

参考资料 : 《JavaScript高级程序设计第二版》

《JavaScript面向对象设计》