/*
函数
*/
/*
4.1 函数对象
在 JavaScript 中函数就是对象。对象是“名/值” 对的集合并拥有一个连到原型对象的隐藏连接。
对象字面量产生的对象连接到 Object.prototype。
函数对象连接到 Function.prototype(该原型对象本身连接到 Object.prototype)。
每个函数在创建时附有两个附加的隐藏属性:函数的上下文和实现函数行为的代码。
每个函数对象在创建时也随带有一个 prototype 属性。它的值是一个拥有 constructor 属性且值
即为该函数的对象。这和隐藏连接到 Function.prototype 完全不同。
因为函数是对象,所以它们可以像任何其他的值一样被使用。函数可以存放在变量,对象和数组中。
函数可以被当作参数传递给其他函数,函数也可以再返回函数。而且,因为函数是对象,所以函数
可以有方法。
函数的与众不同在于它们可以被调用。
*/
/*
4.2 函数字面量
函数对象可以通过函数字面量来创建:
*/
//创建一个名为 add 的变量,并用来把两个数字相加的函数赋值给它。
var add = function(a, b) {
return a + b;
};
/*
函数字面量包括四个部分。第一部分是保留字 function。
第二部分是函数名,它可以被省略。函数可以用它的名字来递归调用自己。此名字也能被调试器和
开发工具用来识别函数。如果没有给函数命名,比如上面这个例子,它会被认为是匿名函数。
函数的第三部分是包括在圆括号中的一组参数。其中每个参数用逗号隔开。这些名称将被定义为函数
中的变量。它们不像普通的变量那样将被初始化为 undefined,而是在该函数被调用时初始化为实际
提供的参数的值。
第四部分是包围在花括号中的一组语句。这些语句是函数的主体。它们在函数被调用时执行。
函数字面量可以出现在任何允许表达式出现的地方。函数也可以被定义在其他函数中。
一个内部函数自然可以访问自己的参数和变量,同时它也能方便地访问它被嵌套在其中的那个函数的
参数与变量。通过函数字面量创建的函数对象包含一个连到外部上下文的连接。
这被称为闭包。它是 JavaScript 强大表现力的根基。
*/
/*
4.3 调用
调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每
个函数接受两个附加的参数:this 和 arguments。参数 this 在面向对象编程中非常重要,它的值取
决于调用的模式。在 JavaSctipt 中一共有四种调用模式:方法调用模式,函数调用模式,构造器调用
模式和 apply 调用模式。这些模式在如何初始化关键参数 this 上存在差异。
调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号。圆括号内可包含零个或多个用逗号
隔开的表达式。每个表达式产生一个参数值。每个参数值被赋予函数声明时定义的的形式参数名。当实
际参数 (arguments) 个数与形式参数 (parameters) 的个数不匹配时不会导致运行时错误。如果实际
参数值过多了,超出的参数值将被忽略。如果实际参数值过少,缺少的值将会被替换为 undefined。对
参数值不会进行类型检查:任何类型的值都可以被传递给参数。
A.方法调用模式
当一个函数被保存为对象的一个属性时,我们称它为方法。当一个方法被调用时,this 被绑定到该对象
如果一个调用表达式包含一个属性存取表达式 (即一个 . 点表达式或 [subsctipt]下标表达式),那么
它被当作一个方法来调用。
*/
// 创建 myObject。它有一个 value 属性和一个 inctement 方法。
// inctement 方法接受一个可选的参数。如果参数不是数字,那么默认使用数字 1.
var myObject = {
value: 0;
inctement: function() {
this.value += typeof inc === 'number' ? inc : 1;
}
};
myObject.inctement();
document.writeln(myObject.value); // 1
myObject.inctement(2);
document.writeln(myObject.value); // 3
/*
方法可以使用 this 去访问对象,所以它能从对象中取值或修改该对象。this 到对象的绑定发生在调用的
时候。这个“超级”迟绑定(very late binging) 使得函数可以对 this 高度复用。通过 this 可取得它们
所属对象的上下文的方法称为公共方法。
B.函数调用模式
当一个函数并非一个对象的属性时,那么它被当作一个函数来调用:
*/
var sum = add(3,4); // sum 的值为 7
/*
当函数以此模式调用时,this 被绑定到全局对象。这是语言设计上的一个错误。倘若语言设计正确,当内
部函数被调用时,this 应该仍然绑定到外部函数的 this 变量。这个设计错误的后果是方法不能利用内部
函数来帮它工作,因为内部函数的 this 被绑定了错误的值,所以不能共享该方法对对象的访问权。
幸运的是,有一个很容易的解决方案:如果该方法定义一个变量并给它赋值为 this,那么内部函数就可以
通过那个变量访问到 this。按照约定,我给那个变量命名为 that:
*/
//给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.getValue()); // 6
/*
c.构造器调用模式
JavaScript 是一门基于原型继承的语言。这意味着对象可以直接从其他对象继承属性。该语言是无类别的。
这偏离了当今编程语言的主流。当今大多数语言都是基于类的语言。尽管原型继承有着强大的变现力,但它
并不被广泛理解。JavaScript本身对其原型的本质也缺乏信心,所以它提供了一套和基于类的语言类似的对
象构造语言。有类型化语言编程经验的程序员们很少有愿意接受原型继承的,并且认为借鉴类型化语言的语
法模糊了这门语言真实的原型本质。真是两边不讨好。
如果在一个函数前面带上 new 来调用,那么将创建一个隐藏连接到该函数的 prototype 成员的新对象,同时
this 将会被绑定到那个新对象上。
new 前缀也会改变 return 语句的行为。
*/
// 创建一个名为 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()); //令人困惑
/*
目的就是结合 new 前缀调用的函数被称为构造器函数。按照约定,它们保存在以大写格式命名的变量里。
如果调用构造器函数时没有在前面加上 new,可能会发生非常糟糕的事情,既没有编译时警告,也没有运
行时警告,所以大写约定非常重要。
D. Apply调用模式
因为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_status 方法
//尽管 statusObject 并没有一个名为 get_status 的方法。
var status = Quo.prototype.get_status.apply(statusObject);// status 值为 'A-OK'
//未完待续
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛