《JavaScript语言精粹》—— 函数篇

Posted Amber丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了《JavaScript语言精粹》—— 函数篇相关的知识,希望对你有一定的参考价值。

三、函数

(1) 函数对象

javascript中,函数就是对象。对象字面量产生的对象连接到Object.prototype。函数对象连接到Function.prototype(但其实该对象原型也是连接到Object.prototype)。每个函数在创建时会附加两个隐藏属性:函数的上下文和实现函数行为的代码(在JavaScript创建一个函数对象时,会给对象设置一个“调用属性”)。

每个函数对象在创建时也会配送一个prototype属性。它的值是一个拥有constructor属性且值为该函数的对象。这和Function.prototype完全不同。

因为函数也是对象,所以它们也可像任何其他的值一样被使用。函数可以保存在变量、对象和数组中。函数可以被当做参数传递给其他函数,函数也可以返回函数。而且,函数时对象,那么函数也拥有方法。

函数的与众不同之处就在于它们可以被调用。

(2) 函数字面量

函数对象通过函数字面量来创建:

function add ( a , b ) {
    return a + b;
}

注:函数字面量可以出现在任何表达式出现的笛梵。函数也可以被定义在其他函数中。一个内部函数除了可以访问自己的参数和变量,同时它也可以自由访问把它嵌套在其中的复函数的参数和变量。通过函数字面量创建的函数对象包含一个连到外部上下文的连接。这被称为“闭包”。

(3) 调用

调用一个函数会暂停当前的函数执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每隔函数还接收两个附加的参数:arguments和this。

在JavaScript中一共4种调用模式:方法调用、函数调用、构造器调用和apply调用。这些模式在如何初始化this上有差异。

调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号。圆括号可以用一个逗号或者多个逗号隔开。每二个表达式产生一个参数值。当实际参数与形式参数不匹配时,不会产生错误。如果实际参数多了,那么超出的参数会被忽略;如果参数值缺少,那么会被替换为undefined。

(4) 方法调用模式

当一个函数被保存为对象的一个属性是,我们称他为一个方法。当一个方法被调用时,this被绑定到该对象。如果调用表达式包含一个提取属性的动作,那么它就是被单过一个方法来调用。

方法可以使用this访问自己所属的对象,所以它能从对象中取值或对对象进行修改。this到对象的绑定发生的调用的时候。通过this可取得它们所属对象的上下文的方法称为公共方法。

(5) 函数调用模式

当一个函数并非一个对象的属性时,那么它就是被当做一个函数来调用。

此模式调用时,this被绑定到全局对象。幸运的是,我们有一个解决方案,那就是采用 var that = this。

myObject.double = function () {
    var that = this;
    var helper = function () {
        that.value = add ( that.value , that.value )
    };
    helper();
};
myObject.double();

(6) 构造器调用模式

JavaScript是一门基于原型继承的语言。这意味对象可以直接从其他对象继承属性。

如果在一个函数前面加上一个new来调用,那么背地里会创建一个连接到该函数的prototype成员的新对象,同时this会被绑定到那个新对象上。

注:new前缀也会改变return语句的行为。

如果一个函数想要用new前缀来调用,那么它被称为构造器函数。所以它的首写字母约定俗成的为大写形式。

(7) Apply调用模式

JavaScript是一门函数式的面向对象编程语言,所以函数可以拥有方法。

apply方法让我们构建一个参数数组传递给调用函数。它也允许我们选择this的值。apply方法接受两个参数,第一个是要绑定给this的值,第2个是一个参数数组。其实也可以使用call。

(8) 参数

当函数被调用时,会免费获得一个参数,那就是arguments数组。函数可以通过此参数访问所有它调用时传递给它的参数列表,包括那些没有被分配给函数声明时定义的形式参数的多与参数。这使得编写一个无须指定参数个数的函数成为可能。

注:但是由于语言设计的失误,所以arguments并不是一个真正的数组。它只是一个类数组的对象。它有一个length属性,但它没有任何数组的方法。

(9) 返回

当一个函数被调用时,他从第一个语句开始执行,并在遇到关闭函数的}那里结束。然后函数吧控制权交还给调用该函数的程序。

return语句可以提前返回函数,当return执行时,函数立即返回而不再执行余下的语句。

一个函数总会返回一个值,如果没有值,那么就是返回undefined。

(10) 递归

递归函数就是直接或间接调用自身的一种函数。递归是一种强大的编程技术,它把一个问题分解为一组相似的子问题。每隔问题都用一个寻常解去解决。

(11) 作用域

在编程语言中,作用域控制着变量与参数的可见性及生命周期。

在JavaScript中没有块级作用域,所以尽量将需要的变量放到函数顶部声明。

(12) 闭包

这一节以后单独在另一本书剖析,这里写的太落后了。

(13)模块

我们可以使用函数和闭包来构造模块。模块是一个提供接口却隐藏状态与实现的函数或对象。通过使用函数产生模块,我们可以完全摒弃全局变量的使用。

模块模式的一般形式是:一个定义了私有变量和函数的函数;利用闭包创建可以访问私有变量和函数的特权函数;最后返回这个特权函数,或者把它们保存到一个可访问的地方。

(14) 级联

相当于就是jQuery里面的函数连写形式,不多提啦就。

(15) 函数柯里化

函数也是值,从而我们可以用有趣的方式去操作函数值。柯里化允许我们把函数与传递给它的参数相结合,产生一个新函数。未来这里我也会用另一本书来阐述。

(16) 记忆

函数可以将先前的操作结果记录保存在某个对象里,从而避免无谓的重复运算。这种优化就被称为记忆。暂时还没有遇到过这样的例子,所以以后遇到了再回顾。

 

以上是关于《JavaScript语言精粹》—— 函数篇的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript语言精粹读书笔记 - JavaScript函数

JavaScript语言精粹经典实例(整理篇)

《JavaScript语言精粹》—— 对象篇

《JavaScript语言精粹》—— 语法篇

JavaScript语言精粹_第五章

javascript语言精粹数组篇之Array的方法注意事项