第5章 引用类型（8）RegExp 类型 Function 类型
2016-12-27 17:33
357 查看
5.4 RegExp 类型
略
5.4.1 RegExp实例属性
略
5.4.2 RegExp实例方法
略
5.4.3 RegExp构造函数属性
略
5.4.4 模式的局限性
略
----------------------------------------------------------------------------------------------------------------------------------------------------
5.5 Function 类型
说起来ECMAScript 中什么最有意思，我想那莫过于函数了——而有意思的根源，则在于函数实际上是对象。
每个函数都是Function 类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，
因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。
函数通常是使用函数声明语法定义的，如下面的例子所示。
function sum (num1, num2) {
return num1 + num2;
}
这与下面使用函数表达式定义函数的方式几乎相差无几。
var sum = function(num1, num2){
return num1 + num2;
};
以上代码定义了变量sum 并将其初始化为一个函数。有读者可能会注意到，function 关键字后面没有函数名。
这是因为在使用函数表达式定义函数时，没有必要使用函数名——通过变量sum 即可以引
用函数。另外，还要注意函数末尾有一个分号，就像声明其他变量时一样。
-------------------------------------------------------------------------------------------------------------------------------------------
最后一种定义函数的方式是使用Function 构造函数。Function 构造函数可以接收任意数量的参数，
但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数。来看下面的例子：
var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐
从技术角度讲，这是一个函数表达式。但是，我们不推荐读者使用这种方法定义函数，因为这种语
法会导致解析两次代码（第一次是解析常规ECMAScript 代码，第二次是解析传入构造函数中的字符串），
从而影响性能。不过，这种语法对于理解“函数是对象，函数名是指针”的概念倒是非常直观的。
-----------------------------------------------------------------------------------------------------------------------------------------
由于函数名仅仅是指向函数的指针，因此函数名与包含对象指针的其他变量没有什么不同。
换句话说，一个函数可能会有多个名字，如下面的例子所示。
并将其设置为与sum 相等（将sum 的值赋给anotherSum）。
注意，使用不带圆括号的函数名是访问函数指针，而非调用函数。
此时，anotherSum 和sum 就都指向了同一个函数，因此anotherSum()也可以被调用并返回结果。
即使将sum 设置为null，让它与函数“断绝关系”，但仍然可以正常调用anotherSum()。
------------------------------------------------------------------------------------------------------------------------------------
5.5.1 没有重载（深入理解）
将函数名想象为指针，也有助于理解为什么ECMAScript 中没有函数重载的概念。以下是曾在第3章使用过的例子。
function addSomeNumber(num){
return num + 100;
}
function addSomeNumber(num) {
return num + 200;
}
var result = addSomeNumber(100); //300
显然，这个例子中声明了两个同名函数，而结果则是后面的函数覆盖了前面的函数。
以上代码实际上与下面的代码没有什么区别。
var addSomeNumber = function (num){
return num + 100;
};
addSomeNumber = function (num) {
return num + 200;
};
var result = addSomeNumber(100); //300
通过观察重写之后的代码，很容易看清楚到底是怎么回事儿——在创建第二个函数时，
实际上覆盖了引用第一个函数的变量addSomeNumber。
----------------------------------------------------------------------------------------------------------------------------------------
5.5.2 函数声明与函数表达式
本节到目前为止，我们一直没有对函数声明和函数表达式加以区别。而实际上，解析器在向执行环
境中加载数据时，对函数声明和函数表达式并非一视同仁。
解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）；
至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。
请看下面的例子。
（function declaration hoisting）的过程，读取并将函数声明添加到执行环境中。
对代码求值时，JavaScript引擎在第一遍会声明函数并将它们放到源代码树的顶部。
所以，即使声明函数的代码在调用它的代码后面，JavaScript 引擎也能把函数声明提升到顶部。
------------------------------------------------------------------------------------------------------------------------------------------------------
如果像下面例子所示的，把上面的函数声明改为等价的函数表达式，就会在执行期间导致错误。
以上代码之所以会在运行期间产生错误，原因在于函数位于一个初始化语句中，而不是一个函数声明。
换句话说，在执行到函数所在的语句之前，变量sum 中不会保存有对函数的引用；
而且，由于第一行代码就会导致“unexpected identifier”（意外标识符）错误，实际上也不会执行到下一行。
除了什么时候可以通过变量访问函数这一点区别之外，函数声明与函数表达式的语法其实是等价的。
PS：也可以同时使用函数声明和函数表达式，例如var sum = function sum( ){ }。不过，这种语法在Safari 中会导致错误。
----------------------------------------------------------------------------------------------------------------------------------------------------------------------
5.5.3 作为值的函数
因为ECMAScript 中的函数名本身就是变量，所以函数也可以作为值来使用。也就是说，不仅可以
像传递参数一样把一个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。
来看一看下面的函数。
function callSomeFunction(someFunction, someArgument){
return someFunction(someArgument);
}
这个函数接受两个参数。第一个参数应该是一个函数，第二个参数应该是要传递给该函数的一个值。
然后，就可以像下面的例子一样传递函数了。
这里的callSomeFunction()函数是通用的，即无论第一个参数中传递进来的是什么函数，它都会返回执行第一个参数后的结果。
还记得吧，要访问函数的指针而不执行函数的话，必须去掉函数名后面的那对圆括号。
因此上面例子中传递给callSomeFunction()的是add10 和getGreeting，而不是执行它们之后的结果。
当然，可以从一个函数中返回另一个函数，而且这也是极为有用的一种技术。
例如，假设有一个对象数组，我们想要根据某个对象属性对数组进行排序。
而传递给数组sort()方法的比较函数要接收两个参数，即要比较的值。
可是，我们需要一种方式来指明按照哪个属性来排序。要解决这个问题，
可以定义一个函数，它接收一个属性名，然后根据这个属性名来创建一个比较函数，
下面就是这个函数的定义。
前面加了一个return 操作符。在内部函数接收到propertyName 参数后，它会使用方括号表示法来
取得给定属性的值。取得了想要的属性值之后，定义比较函数就非常简单了。
上面这个函数可以像在下面例子中这样使用。
var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];
data.sort(createComparisonFunction("name"));
alert(data[0].name); //Nicholas
data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary
这里，我们创建了一个包含两个对象的数组data。其中，每个对象都包含一个name 属性和一个age 属性。
在默认情况下，sort()方法会调用每个对象的toString()方法以确定它们的次序；
但得到的结果往往并不符合人类的思维习惯。因此，我们调用createComparisonFunction("name")方
法创建了一个比较函数，以便按照每个对象的name 属性值进行排序。
而结果排在前面的第一项是name为"Nicholas"，age 是29 的对象。
然后，我们又使用了createComparisonFunction("age")返回的比较函数，这次是按照对象的age 属性排序。
得到的结果是name 值为"Zachary"，age 值是28 的对象排在了第一位。
略
5.4.1 RegExp实例属性
略
5.4.2 RegExp实例方法
略
5.4.3 RegExp构造函数属性
略
5.4.4 模式的局限性
略
----------------------------------------------------------------------------------------------------------------------------------------------------
5.5 Function 类型
说起来ECMAScript 中什么最有意思，我想那莫过于函数了——而有意思的根源，则在于函数实际上是对象。
每个函数都是Function 类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，
因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。
函数通常是使用函数声明语法定义的，如下面的例子所示。
function sum (num1, num2) {
return num1 + num2;
}
这与下面使用函数表达式定义函数的方式几乎相差无几。
var sum = function(num1, num2){
return num1 + num2;
};
以上代码定义了变量sum 并将其初始化为一个函数。有读者可能会注意到，function 关键字后面没有函数名。
这是因为在使用函数表达式定义函数时，没有必要使用函数名——通过变量sum 即可以引
用函数。另外，还要注意函数末尾有一个分号，就像声明其他变量时一样。
-------------------------------------------------------------------------------------------------------------------------------------------
最后一种定义函数的方式是使用Function 构造函数。Function 构造函数可以接收任意数量的参数，
但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数。来看下面的例子：
var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐
从技术角度讲，这是一个函数表达式。但是，我们不推荐读者使用这种方法定义函数，因为这种语
法会导致解析两次代码（第一次是解析常规ECMAScript 代码，第二次是解析传入构造函数中的字符串），
从而影响性能。不过，这种语法对于理解“函数是对象，函数名是指针”的概念倒是非常直观的。
-----------------------------------------------------------------------------------------------------------------------------------------
由于函数名仅仅是指向函数的指针，因此函数名与包含对象指针的其他变量没有什么不同。
换句话说，一个函数可能会有多个名字，如下面的例子所示。
<!DOCTYPE html>
<html>
<head>
<title>Function Type Example</title>
<script type="text/javascript">
function sum(num1, num2){
return num1 + num2;
}
alert(sum(10,10)); //20
var anotherSum = sum;
alert(anotherSum(10,10)); //20
sum = null;
alert(anotherSum(10,10)); //20
</script>
</head>
<body>
</body>
</html>以上代码首先定义了一个名为sum()的函数，用于求两个值的和。然后，又声明了变量anotherSum，并将其设置为与sum 相等（将sum 的值赋给anotherSum）。
注意，使用不带圆括号的函数名是访问函数指针，而非调用函数。
此时，anotherSum 和sum 就都指向了同一个函数，因此anotherSum()也可以被调用并返回结果。
即使将sum 设置为null，让它与函数“断绝关系”，但仍然可以正常调用anotherSum()。
------------------------------------------------------------------------------------------------------------------------------------
5.5.1 没有重载（深入理解）
将函数名想象为指针，也有助于理解为什么ECMAScript 中没有函数重载的概念。以下是曾在第3章使用过的例子。
function addSomeNumber(num){
return num + 100;
}
function addSomeNumber(num) {
return num + 200;
}
var result = addSomeNumber(100); //300
显然，这个例子中声明了两个同名函数，而结果则是后面的函数覆盖了前面的函数。
以上代码实际上与下面的代码没有什么区别。
var addSomeNumber = function (num){
return num + 100;
};
addSomeNumber = function (num) {
return num + 200;
};
var result = addSomeNumber(100); //300
通过观察重写之后的代码，很容易看清楚到底是怎么回事儿——在创建第二个函数时，
实际上覆盖了引用第一个函数的变量addSomeNumber。
----------------------------------------------------------------------------------------------------------------------------------------
5.5.2 函数声明与函数表达式
本节到目前为止，我们一直没有对函数声明和函数表达式加以区别。而实际上，解析器在向执行环
境中加载数据时，对函数声明和函数表达式并非一视同仁。
解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）；
至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。
请看下面的例子。
<!DOCTYPE html>
<html>
<head>
<title>Function Declaration Example</title>
<script type="text/javascript">
alert(sum(10,10)); //20
function sum(num1, num2){
return num1 + num2;
}
</script>
</head>
<body>
</body>
</html>以上代码完全可以正常运行。因为在代码开始执行之前，解析器就已经通过一个名为函数声明提升（function declaration hoisting）的过程，读取并将函数声明添加到执行环境中。
对代码求值时，JavaScript引擎在第一遍会声明函数并将它们放到源代码树的顶部。
所以，即使声明函数的代码在调用它的代码后面，JavaScript 引擎也能把函数声明提升到顶部。
------------------------------------------------------------------------------------------------------------------------------------------------------
如果像下面例子所示的，把上面的函数声明改为等价的函数表达式，就会在执行期间导致错误。
以上代码之所以会在运行期间产生错误，原因在于函数位于一个初始化语句中，而不是一个函数声明。
换句话说，在执行到函数所在的语句之前，变量sum 中不会保存有对函数的引用；
而且，由于第一行代码就会导致“unexpected identifier”（意外标识符）错误，实际上也不会执行到下一行。
除了什么时候可以通过变量访问函数这一点区别之外，函数声明与函数表达式的语法其实是等价的。
PS：也可以同时使用函数声明和函数表达式，例如var sum = function sum( ){ }。不过，这种语法在Safari 中会导致错误。
----------------------------------------------------------------------------------------------------------------------------------------------------------------------
5.5.3 作为值的函数
因为ECMAScript 中的函数名本身就是变量，所以函数也可以作为值来使用。也就是说，不仅可以
像传递参数一样把一个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。
来看一看下面的函数。
function callSomeFunction(someFunction, someArgument){
return someFunction(someArgument);
}
这个函数接受两个参数。第一个参数应该是一个函数，第二个参数应该是要传递给该函数的一个值。
然后，就可以像下面的例子一样传递函数了。
<!DOCTYPE html>
<html>
<head>
<title>Function as an Argument Example</title>
<script type="text/javascript">
function callSomeFunction(someFunction, someArgument){
return someFunction(someArgument);
}
function add10(num){
return num + 10;
}
var result1 = callSomeFunction(add10, 10);
alert(result1); //20
function getGreeting(name){
return "Hello, " + name;
}
var result2 = callSomeFunction(getGreeting, "Nicholas");
alert(result2); //Hello, Nicholas
</script>
</head>
<body>
</body>
</html>这里的callSomeFunction()函数是通用的，即无论第一个参数中传递进来的是什么函数，它都会返回执行第一个参数后的结果。
还记得吧，要访问函数的指针而不执行函数的话，必须去掉函数名后面的那对圆括号。
因此上面例子中传递给callSomeFunction()的是add10 和getGreeting，而不是执行它们之后的结果。
当然，可以从一个函数中返回另一个函数，而且这也是极为有用的一种技术。
例如，假设有一个对象数组，我们想要根据某个对象属性对数组进行排序。
而传递给数组sort()方法的比较函数要接收两个参数，即要比较的值。
可是，我们需要一种方式来指明按照哪个属性来排序。要解决这个问题，
可以定义一个函数，它接收一个属性名，然后根据这个属性名来创建一个比较函数，
下面就是这个函数的定义。
<!DOCTYPE html>
<html>
<head>
<title>Function returning Function Example</title>
<script type="text/javascript">
function createComparisonFunction(propertyName) {
return function(object1, object2){
var value1 = object1[propertyName];
var value2 = object2[propertyName];
if (value1 < value2){
return -1;
} else if (value1 > value2){
return 1;
} else {
return 0;
}
};
}
var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];
data.sort(createComparisonFunction("name"));
alert(data[0].name); //Nicholas
data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary
</script>
</head>
<body>
</body>
</html>这个函数定义看起来有点复杂，但实际上无非就是在一个函数中嵌套了另一个函数，而且内部函数前面加了一个return 操作符。在内部函数接收到propertyName 参数后，它会使用方括号表示法来
取得给定属性的值。取得了想要的属性值之后，定义比较函数就非常简单了。
上面这个函数可以像在下面例子中这样使用。
var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];
data.sort(createComparisonFunction("name"));
alert(data[0].name); //Nicholas
data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary
这里，我们创建了一个包含两个对象的数组data。其中，每个对象都包含一个name 属性和一个age 属性。
在默认情况下，sort()方法会调用每个对象的toString()方法以确定它们的次序；
但得到的结果往往并不符合人类的思维习惯。因此，我们调用createComparisonFunction("name")方
法创建了一个比较函数，以便按照每个对象的name 属性值进行排序。
而结果排在前面的第一项是name为"Nicholas"，age 是29 的对象。
然后，我们又使用了createComparisonFunction("age")返回的比较函数，这次是按照对象的age 属性排序。
得到的结果是name 值为"Zachary"，age 值是28 的对象排在了第一位。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 五、引用类型Ⅱ（RegExp、Function、基本包装类型、单体内置对象）
- 第5章 引用类型（9）Function 类型
- <JavaScript高级程序设计>读书笔记(第5章引用类型之Function类型)
- 第5章 引用类型 (二)
- JavaScript高级程序设计学习笔记——引用类型2Function类型（重要）
- 第5章 引用类型（3）Array 类型
- 《JavaScript高级编程》读书笔记——引用类型二：Date和RegExp
- JavaScript基础——引用类型（三）Function类型
- JavaScript引用类型RegExp基本用法详解
- 引用类型之Function类型
- 对js中的引用类型的理解（4）——Function类型
- 第5章 引用类型 (三)
- JavaScript 高级程序设计 第5章引用类型 笔记
- 第5章 引用类型（6）Date 类型
- ES引用类型 之 Regexp正则表达式（摘至javaScript 高程3）
- ECMAScript——引用数据类型之RegExp
- 第5章 引用类型 (四)
- 第5章 引用类型（4）Array 类型
- js学习笔记：引用类型——Function
- JavaScript高级程序设计第五章引用类型——RegExp类型