《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) 记忆

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

时间: 2024-10-13 05:10:54

《JavaScript语言精粹》—— 函数篇的相关文章

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

本文并没有详细列出Array方法详解,本文侧重点在于使用Array编程时候要注意的问题.1.Array.concat var o = {name:"Gavin"}; var a1 = [1,2,3]; var a2 = [6,o]; var arr1 = a1.concat(a2); a1[0] = 0; o.name = "GavinPan"; console.log(arr1);//[ 1, 2, 3, 6, {name:"GavinPan"

《Javascript语言精粹》的学习(一).对象和函数

最近在学习小马和秦歌翻译的<javascript语言精粹>,果然如传闻般,里面的内容博大精深.有些章节所表达的意思往往需要看到后面的章节内容时才能够突然顿悟,因此,称这本书需要反复的去研究,真的名副其实.这两天看了对象和函数这两章,在这里把自己觉得需要关注的内容做一下笔记: ①对象常量中属性名的命名规范 记得刚开始学习对象常量的时候,觉得它真的很简便.一个对象名,一个大括号,N个“名/值”对,OK,搞定!可是在学习的过程中,也遇到过一些疑惑,比如在一些JS书籍中,在写对象常量时,对象中有的属性

《javascript语言精粹》——第4章函数

函数就是对象 [1].函数字面量即(函数表达式)包括四部分: 第一部分:保留字function: 第二部分:函数名称,可有可无: 第三部分:包围在一对小括号的一组参数,参数用逗号隔开: 第四部分:包围在一对花括号的一组语句,是函数的主体: 函数字面量可以出现在任何允许表达式出现的地方. [2].调用有四种调用模式: 除了声明时定义的形参,每个函数接收附加的的参数:this和arguments  ,this的值取决于调用的模式. 第一种:方法调用模式: var aa={ value:0, incr

《JavaScript语言精粹》之函数化

写在前面 看到好多书评和读书笔记都说<JavaScript语言精粹>字字珠玑,名不虚传..当然,要看得懂才行 其实个人认为函数化部分不是很好,举的例子不是十分恰当,之前看不懂是因为被成功误导了,就像<Head First>设计模式第一章<策略模式>一样,作者有些偏离章节主题,读者容易被误导 声明:姑且把函数化部分给出的用来创建对象的函数称为“创造函数”吧,为了与“构造函数”区分开..不是很好听,将就着用吧 一.源码中需要注意的点 很容易就能拿到源码,和中文版书上的代码一

javascript 语言精粹 笔记推荐。。

http://www.cnblogs.com/Cohlint/archive/2012/11/26/2788790.html 这篇javascript 语言精粹 学习笔记不错..不过看上去就是读书笔记,没有深入研究某个点..比如闭包..我还是不懂噢.. 比如17条:“add_the_handles 函数目的是给每个时间处理器一个唯一值(i).它未能达到目的是因为事件处理器函数绑定了变量i,而不是函数在构造时的变量i的值.” 这是原书的翻译过来的理解,但是感觉还是很艰涩,不太理解. 闭包这个变量作

Javascript语言精粹之String常用方法分析

Javascript语言精粹之String常用方法分析 1. String常用方法分析 1.1 String.prototype.slice() slice(start,end)方法复制string的一部分来构造一个新的字符串 start<0时,它将于string.length相加 end参数可选,默认值为string.length.如果end<0,它将于string.length相加 var text='and in it he say " Any damn fool could'

JavaScript语言精粹 笔记01

内容比较简单,只是从头梳理一下JS的知识 语法空白标识符数字字符串语句 对象对象字面量检索更新引用原型反射枚举删除减少全局变量污染  语法 1 空白 空白可能表现为格式化字符或注释的形式.空白通常没有意义,但是偶尔必须用它来分割字符序列,否则它们就会被合并成一个单一的符号.例如: var that = this; var 和that之间的空格是不能去掉的,其他的空格都可以被移除. JS提供两种注释: /* */ // 建议使用//,因为/* */中要注释的内容可能包括字符 */ 而报错,例如:

javascript语言精粹----笔记【转载】

javascript语言精粹----笔记 1.6种值会为假(==false),分别是false,null,undefined,' ',0,NaN 2.typeof有6种值,分别是'number','string','boolean','undefined','function','object';其中typeof(null),结果是'object' 3.number类型总是64位浮点数,两个整数相除也可能出现非整数结果 4.如果第一个运算数的值为假,那么运算符&&产生它的第一个运算数的值.

JavaScript语言精粹笔记

JavaScript语言精粹笔记 掌握语言的每个特性可以让你出风头,但是并不推荐,因为一部分的特性带来的麻烦可能远超本身的价值.正如书中所言,坏的材料并不能雕刻出好的作品,要成为一名更好的程序员,要取其精华去其糟粕.当你知道要做什么的时候,它还能表现的更好,编程时一件相对困难的事情,绝不应该在懵懂的状态下开始编程之旅. JS中的注意为//或者/*content*/,注释一定要精确地描述代码,不然没有用的注释比没有注释更糟糕. JS中的代码块不会创建新的作用域,因此变量应该被定义在函数的头部,而不

JavaScript语言精粹 笔记03

继承伪类对象说明符原型函数化部件 继承 JS不是基于类的,而是基于原型的,这意味着对象直接从其他对象继承. 1 伪类 JS提供了一套丰富的代码重用模式,它可以模拟那些基于类的模式,因为JS实际上没有类,所以把模拟的类称为伪类.我们可以定义一个构造器并扩充它的原型: var Mammal = function (name) { this.name = name; }; Mammal.prototype.get_name = function ( ) { return this.name; }; M