JavaScript的引用类型(四)--Function类型

每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法

函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。

JavaScript的引用类型(四)--Function类型_第1张图片
阮一峰《ES6》
JavaScript的引用类型(四)--Function类型_第2张图片
ES5中,块级作用域声明的函数会被提升到函数头部!!!
JavaScript的引用类型(四)--Function类型_第3张图片

函数的三种定义方法:

1.
2.注意函数末尾有一个分号,就像声明其他变量时一样。
3.不推荐这种方法定义函数
JavaScript的引用类型(四)--Function类型_第4张图片
var factorial = (function f(  ){...});


函数名仅仅是指向函数的指针,因此函数名与包含对象指针的其他变量没有什么不同。(即一个函数可以有多个名字)

JavaScript的引用类型(四)--Function类型_第5张图片
使用不带圆括号的函数名是访问函数指针,而非调用函数。
JavaScript的引用类型(四)--Function类型_第6张图片
当从一个变量向另一个变量复制引用类型的值时,同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。复制操作结束后,两个变量实际上引用同一个对象。因此改变其中一个变量,就会影响另一个变量
JavaScript的引用类型(四)--Function类型_第7张图片
JavaScript的引用类型(四)--Function类型_第8张图片
输出如下警告

使用不带圆括号的函数名是访问函数指针,而非调用函数!!!

函数声明与函数表达式:

JavaScript的引用类型(四)--Function类型_第9张图片
函数声明提升
JavaScript的引用类型(四)--Function类型_第10张图片
但!!!如果把上面的函数声明改为等价的函数表达式,就会在执行期间导致错误
JavaScript的引用类型(四)--Function类型_第11张图片

作为值的函数:

JavaScript的引用类型(四)--Function类型_第12张图片
JavaScript的引用类型(四)--Function类型_第13张图片

可以从一个函数中返回另一个函数,而且这也是极为有用的一种技术。

JavaScript的引用类型(四)--Function类型_第14张图片
JavaScript的引用类型(四)--Function类型_第15张图片

函数内部属性:

函数内部有两个特殊的对象:arguments 和 this

arguments的主要用途是保存函数参数,但这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的属性。

JavaScript的引用类型(四)--Function类型_第16张图片
在这个阶乘函数中(定义阶乘函数一般都要用到递归算法)存在一个问题:这个函数的执行与函数名factorial紧紧耦合在一起
JavaScript的引用类型(四)--Function类型_第17张图片
通过callee可以消除这种耦合
JavaScript的引用类型(四)--Function类型_第18张图片
接触了函数体内的代码与函数名的耦合状态之后,trueFactorial()任然能够正常的计算阶乘

this当前执行的环境对象


JavaScript的引用类型(四)--Function类型_第19张图片
JavaScript的引用类型(四)--Function类型_第20张图片

caller属性:

JavaScript的引用类型(四)--Function类型_第21张图片
inner.caller也可以用arguments.callee.caller来访问相同的信息
JavaScript的引用类型(四)--Function类型_第22张图片
上述函数输出效果

函数属性和方法:

每个函数都包含两个属性:length prototype

其中length属性表示函数希望接收的命名参数的个数。

对于ECMAScript中的引用类型而言,prototype是保存它们所有实例方法的真正所在。换句话来说,注入toString()和valueOf()等方法实际上都保存在prototype名下,只不过是通过各自对象的实例访问罢了。在创建自定义引用类型以及实现继承时,prototype属性的作用是极为重要的。

JavaScript的引用类型(四)--Function类型_第23张图片

每个函数都包含两个非继承而来的方法:apply()call()

这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。

apply()方法接收两个参数:一个是在其中运行函数的作用域(this),另一个是参数数组(可以是Array的实例,也可以是arguments对象)。

JavaScript的引用类型(四)--Function类型_第24张图片
callSum1()在执行sum()函数时传入了this作为this值(因为是在全局作用域中调用的,所以传入的就是window对象)和arguments对象。而callSum2同样也调用了sum()函数,但它传入的则是this和一个参数数组。

call()方法和apply()方法的作用相同,它们的区别仅在于接收参数的方式不同。在使用call()方法时,传递给函数的参数必须逐个列出来

JavaScript的引用类型(四)--Function类型_第25张图片
在使用call()方法时,传递给函数的参数必须逐个列出来
JavaScript的引用类型(四)--Function类型_第26张图片

bind()方法会创建一个函数的实例,其this值会被绑定到传给bind()函数的值。

JavaScript的引用类型(四)--Function类型_第27张图片
创建一个函数的实例

你可能感兴趣的:(JavaScript的引用类型(四)--Function类型)