首页 > 代码库 > JavaScript语言精粹读书笔记 - JavaScript函数
JavaScript语言精粹读书笔记 - JavaScript函数
JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处。
JavaScript 函数:
函数包含一组语句,他们是JavaScript的基础模块单元,用于代码复用、信息隐藏和组合调用。
函数用于指定对象的行为。
函数对象Functions:
在JavaScript中函数就是对象。对象是“键值”对的集合并拥有一个连接到原型对象的隐藏连接。
对象字面量产生的对象连接到Object.prototype。函数对象连接到Function.prototype(该原型对象本身连接到Object.prototype)。
每个函数在创建时都拥有两个附加属性:函数的上下文和实现函数行为的代码。
每个函数对象在创建时也随带有一个prototype属性,它的值是一个拥有constructor属性且值即为该函数的对象。
函数字面量Function Literal:
var add = function(a, b) {return a + b;};
通过函数字面量创建的函数对象包含一个连到外部上下文的连接,这被称为闭包。
调用Invocation:
调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每个函数接收两个附加的属性:this和arguments。
参数this在面向对象的编程中非常重要,它的值取决于调用的模式。JavaScript中一共有4中调用模式:方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异。
调用运算符():跟在任何产生一个函数值的表达式之后的一对圆括号。当实际参数(arguments)的个数与形式参数(parameters)的个数不匹配时,不会导致运行时错误。
方法调用模式:The Method Invocation Pattern
当一个函数被保存为对象的一个属性时,我们称它为一个方法。当一个方法被调用时,this被绑定到该对象。如果一个调用表达式包含一个属性存取表达式(即一个.号表达式或[subscript]下标表达式),那么它被当作一个方法来调用。
方法可以使用this去访问对象,所以它能从对象中取值或修改该对象。this到对象的绑定发生在调用的时候。这个“超级”迟绑定(very late binding)使得函数可以对this高度复用。通过this可取得他们所属对象的上下文的方法称为公共方法。
函数调用模式:The Function Invocation Pattern
当一个函数并非一个对象的属性时,那么它被当作一个函数来调用。
var sum = add(3,4);
当函数以此模式调用时,this被绑定到全局对象。
// 给myObject增加一个double方法(上面myObject对象已经有了属性value和方法increasement)
myObject.double = function(){
var that = this;
var helper = function() {
that.value = http://www.mamicode.com/add(that.value, that.value);
};
// The Function Invocation Pattern
helper();
}
// The Method Invocation Pattern
myObject.double();
document.writeln(myObject.getValue());
构造器调用模式:The Constructor Invocation Pattern
JavaScript是一门基于原型继承的预言。这意味着对象可以直接从其他对象继承属性。该语言是无类别的。这偏离了当今编程的主流。当今大多数语言都是基于类的语言。尽管原型继承有着强大的表现力,但他并不被广泛理解。JavaScript本身对其原型的本质也缺乏信心,所以它提供了一套和基于类的语言类似的对象构建语法。
如果在一个函数前面带上new来调用,那么将创建一个隐藏连接到该函数的prototype成员的新对象,同时this将会被绑定到那个新对象上。
结合new前缀调用的函数被称为构造器函数。按照约定,他们保存在以大写格式命名的变量里。
Apply调用模式:The Apply Invocation Pattern
因为JavaScript是一门函数式的面向对象编程语言,所以函数可以拥有方法。
apply方法让我们构建一个参数数组并用其去调用函数。它也允许我们选择this的值。
apply方法接收两个参数。第一个参数将被绑定给this。第二个就是一个参数数组。
参数Arguments:
当函数被调用时,会得到一个“免费”奉送的变量arguments数组。通过它函数可以访问所有它被调用时传递给它的参数列表,包括那些没有被分配给函数声明时定义的形式参数的多余参数。这使得编写一个无须指定参数的函数成为可能。
arguments是一个类似数组(array-like)的对象,他并不是真正的数组。有length属性,但没有数组的其他方法。
返回Return:
一个函数总是会返回一个值,如果没有指定返回值,则返回undefined。
如果函数以在前面加上new前缀的方法来调用,且返回值不是一个对象,则返回this(该新对象)。
异常Exceptions:try catch throw
给类型增加方法:
JavaScript允许给语言的基本类型增加方法(通过prototype)。
Function.prototype.method = function (name, method) {if(this.prototype[name]){this.prototype[name] = method; return this;}};
通过给Function.prototype对象增加一个method方法,我们就不必键入prototype这个属性名。
Number.method(‘integer‘, function () {return Math[this < 0 ? ‘ceiling‘ : ‘floor‘](this);});
String.metho(‘trim‘, function () {return this.replace(‘/^\s+|\s+$/g‘,‘‘);});
通过给基本类型增加方法,我们可以大大提高语言的表现力。因为JavaScript是原型继承的动态本质(在属性访问符调用时,一层一层检查),新的方法立刻被赋予到所有的值(对象)上,哪怕值(对象)是在方法被创建之前就创建好了。
另一个需要注意的是for in 语句在原型上时表现很糟糕。可以用hasOwnProperty方法筛选出继承而来的属性。
递归Recursion:汉诺塔难题
作用域Scope:
在编程语言中,作用域控制着变量与参数的可见性和生命周期。对程序员来说这是一个重要的帮组,因为它减少了名称冲突,并且提供了自动内存管理。
闭包Closure:
作用域的好处是内部函数可以访问定义在它们外部的参数和变量(除了this和arguments)。
回调Callbacks:
模块Module:
我们可以使用函数和闭包来构造模块。模块是一个提供接口却隐藏状态与实现的函数或对象。通过使用函数去产生模块,我们几乎可以完全摒弃全局变量的使用,从而缓解这个JavaScript的最为糟糕的特性之一所带来的影响。
模块的一般形式:一个定义了私有变量和函数的函数;利用闭包创建可以访问私有变量和函数的特权函数。最后返回特权函数,或者把他们保存到一个可以访问到的地方。
级联Cascade:
有一些方法没有返回值。如果我们让这些方法返回this而不是undefined,就可以启动级联(例子:jQuery的链式调用)。
套用Curry:
记忆Memoization:
函数可以用对象去记住先前的结果,从而能避免无谓的运算。这种优化被称为记忆。
JavaScript语言精粹读书笔记 - JavaScript函数