《JavaScript语言精粹》学习笔记(函数(1))
2017-04-13 13:47
253 查看
第四章 函数(Function)
函数包含一组语句,它们是JavaScript的基础模块单元,用于代码复用、信息隐藏和组合调用。函数对象(Function Objects)
JavaScript中的函数就是对象。对象是“名/值”对的集合并拥有一个连到原型对象的隐藏连接。对象字面量产生的对象连接到Object.prototype。函数对象连接到Function.prototype(该原型对象本身连接到Object.prototype)。每个函数在创建的时候会附加两个隐藏属性:函数的上下文和实现函数行为的代码。每个函数对象在创建时也有一个prototype属性。它的值是一个拥有constructor属性且值就是该函数的对象。这和隐藏连接到Function.prototype完全不同。这个构造过程的意义详见下一章的学习笔记。
因为函数是对象,所以它们可以像其他任何值一样被使用。函数可以保存在变量、数组和对象中。函数可以被当做参数传递给其他函数,函数也可以返回函数。同时,由于函数是对象,所以函数可以拥有方法。
函数与众不同之处就在于它们可以被调用。
函数字面量(Function Literal)
函数对象通过函数字面量来创建://创建一个名为add的变量,并用来把两个数字相加的函数赋值给它 var add = function (a, b){ return a + b; };
函数字面量包含4个部分:
第一个部分:保留字function;
第二个部分:函数名。它可以被省略,如果像上面这个例子一样没有命名,它被称为匿名函数(anonymous)。
第三个部分:包含在圆括号内的一组参数,它们由逗号分隔。
第四个部分:包括在花括号里的一组语句。这些语句是函数的主体,它们在函数被调用时执行。
函数字面量可以出现在任何允许表达式出现的地方。函数也可以定义在其他函数里。一个内部函数除了可以访问自己的参数和变量,还能够访问把它嵌套在内的父函数的参数和变量。通过函数字面量创建的函数对象包含一个连到外部上下文的连接。这被称为闭包(closure)。
调用(Invocation)
调用一个函数回暂停当前函数的执行,并传递控制权和参数给新函数。除了声明时定义的形式参数,每个函数还会接受两个附加的参数:this 和 arguments。参数this在面向对象编程中十分重要,它的值取决于调用的模式。JavaScript一共有4种调用模式:方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化this参数上有所差异。
当实际参数(arguments)的个数与形式参数(parameters)的个数不匹配时,不会导致运行时错误。实际参数的个数大于形式参数的个数时,多余的实际参数会被忽略;而实际参数的个数小于形式参数的个数时,缺少的会被替换为undefined。而对于参数值,不会进行类型检查,任何类型的值都可以被传给任何参数。
[b]调用:方法调用模式(The Method Invocation Pattern)[/b]
当一个函数被保存为对象的一个属性时,我们称它为一个方法。当一个方法被调用的时候,this被绑定到该对象。如果调用表达式包含一个提取属性的操作是,那么它就是被当做一个方法来调用。
//创建myObject对象。它有一个value属性和一个increment方法。 //increment方法接受一个可选的参数。如果参数不是数字,那么默认使用数字1。 var myObject = { value: 0, increment: function (inc){ this.value += typeof inc === 'number' ? inc : 1; } }; myObject.increment(); document.writeln(myObject.value); // 1 myObject.increment(2); document.writeln(myObject.value) // 3
方法可以使用this访问自己所属的对象,所以它能从所属对象中取值或者修改对象。通过this可取得它们所属对象的上下文方法称为公共方法(public method)。
[b]调用:函数调用模式(The Function Invocation Pattern)[/b]
当一个函数不是一个对象的属性时,那么它就是被当做一个函数来调用的:
var sum = add(3, 4); //sum的值为7
用这个模式调用函数时,this被绑定到全局对象。这是一个语言设计上的错误。如果设计正确,那么内部函数被调用时,this理应被绑定到外部函数的this变量。这个错误的设计导致方法不能利用内部函数来帮助它工作,因为内部函数的this绑定错了,所以不能得到该方法对对象的访问权。有一个容易的解决方案:
//给myObject增加一个double方法。 myObject.double = function (){ var that = this; //解决方法 var helper = function (){ that.value = add(that.value, that.value); }; helper(); //以函数的形式调用helper }; //以方法的形式调用double myObject().double(); document.writeln(myObject.value); //6
[b]调用:构造器调用模式(The Constructor Invocation Pattern)[/b]
JavaScript是一门基于原型继承的语言。这意味着对象可以直接从其他对象继承属性。
//创建一个Quo构造器函数。它构造一个带有status属性的对象。 var Quo = function (string){ this.status = string; }; //给所有的Quo实例添加一个get_status公共方法。 Quo.prototype.get_status = function (){ return this.status; }; //构造一个Quo实例。 var myQuo = new Quo("confused"); document.writeln(myQuo.get_status); //显示“confused”
一个函数,如果创建的目的就是结合new前缀来调用,那么它就被成为构造器函数。按照约定,它们保存在以大写格式命名的变量里。大写约定非常重要。
这种形式的构造器函数不被推荐,下一章中会有更好的替代方式。
[b]调用:Apply调用模式(The Apply Invocation Pattern)[/b]
因为JavaScript是一门函数式的面向对象编程语言,所以函数可以拥有方法。
apply方法让我们构建一个参数数组传递给调用函数。它也允许我们选择this的值。apply方法接受两个参数:一个是要绑定给this的值,另一个是参数数组。
//构造一个包含两个数字的数组,并将它们相加。 var array = [3, 4]; var sum = add.apply(null, array); //sum值为7 //构造一个包含status成员的对象 var statusObject = { status: 'A-OK' }; //statusObject 并没有继承自Quo.prototype,但我们可以在statusObject //上调用get_state方法,尽管statusObject并没有一个名为get_status的方 //法 var status = Quo.prototype.get_status.apply(statusObject); //status的值为'A-OK'。
相关文章推荐
- 《JavaScript语言精粹》学习笔记(函数(3))
- 《JavaScript语言精粹》学习笔记——4.函数
- 《JavaScript语言精粹》学习笔记(函数(2))
- 《Oracle编程艺术》学习笔记(33)-基于函数的索引
- 《Visual C++入门经典》学习笔记二(为类添加消息处理函数与成员变量)
- C学习笔记——带参数宏与函数区别
- 《C++捷径教程》学习笔记【一】:虚函数
- 《悟透javascript》学习笔记:四、函数的魔力
- 《C++ primer》学习笔记之二十二: 函数指针
- 《C语言深度剖析》学习笔记六--函数及编码规范
- javascript语言精粹:函数
- 《C++ primer》学习笔记之二十一:有趣的变参函数
- 函数(二)----Javascript语言精粹
- linux下python学习笔记(八)函数2
- 函数 -- Javascript语言精粹
- 《JavaScript语言精粹》学习笔记
- 《高质量C/C++编程》学习笔记2(函数、指针、引用)
- 《javascript高级程序设计》学习笔记(三):javascript 函数一些特性
- 《Python基础教程》学习笔记之[D6]抽象之函数定义,参数
- 《javascript语言精粹》学习笔记2