我们定义两个函数,第一个是multiplyByTwo(),该函数通过一个循环将其所接收的三个参数分别乘以2,并以数组的形式返回结果;第二个是addOne()只接受一个值,然后将它加1并返回。
```
function multiplyByTwo(a,b,c){
var i,ar = [];
for(i = 0;i < 3;i++){
ar[i] = arguments[i] * 2;
}
return ar;
}
function addOne(a){
return a + 1;
}
undefined
multiplyByTwo(1,2,3);
[2, 4, 6]
addOne(100);
101
```
然后,我们有三个参数,我们要实现这三个参数在两个函数之间的传递。我们需要定义另一个数组,用于存储来自第一步的结果。我们从multiplyByTwo()调用开始。
```
function multiplyByTwo(a,b,c){
var i,ar = [];
for(i = 0;i < 3;i++){
ar[i] = arguments[i] * 2;
}
return ar;
}
function addOne(a){
return a + 1;
}
var myarr = [];
myarr = multiplyByTwo(10,20,30);
for(var i = 0;i < 3;i++){
myarr[i] = addOne(myarr[i]);
}
myarr;
```
返回结果:
```
[21, 41, 61]
```
上面的代码使用了两个循环,如果数据量很大或循环操作很复杂的话,开销一定不小,所以我们还可以进一步优化,将他们二合一。这就需要对multiplyByTwo()函数做一些改动,使其接受一个回调函数,在每次迭代操作中调用它。
```
function multiplyByTwo(a,b,c,callback){
var i,ar = [];
for(i = 0;i < 3;i++){
ar[i] = callback(arguments[i] * 2);
}
return ar;
}
function addOne(a){
return a + 1;
}
myarr = multiplyByTwo(1,2,3,addOne);
```
返回结果:
```
[3, 5, 7]
```
还可以用匿名函数代替addOne(),这样做可以节省一个全局变量。
```
function multiplyByTwo(a,b,c,callback){
var i,ar = [];
for(i = 0;i < 3;i++){
ar[i] = callback(arguments[i] * 2);
}
return ar;
}
multiplyByTwo(1,2,3,function(a){
return a + 1;
});
```
返回结果:
```
[3, 5, 7]
```
而且匿名函数还易于随时根据需求调整代码
- 前言
- 第1章 面向对象的JavaScript
- 1.6 面向对象的程序设计
- 1.6.1 对象
- 1.6.2 类
- 1.6.3 封装
- 1.6.4 聚合
- 1.6.5 继承
- 1.6.6 多态
- 1.7 OOP小结
- 第2章 基本数据类型、数组、循环及条件表达式
- 2.1 变量
- 2.2 操作符
- 2.3 基本数据类型
- 2.3.1 查看类型操作符
- 2.3.2 数字
- 2.3.3 字符串
- 2.3.3.1 字符串转换
- 2.3.3.2 特殊字符串
- 2.3.4 布尔值
- 2.3.4.1 逻辑运算符
- 2.3.4.2 操作符优先级
- 2.3.4.3 惰性求值
- 2.3.4.4 比较运算符
- 2.3.5 undefined与null
- 2.4 基本数据类型综述
- 2.5 数组
- 2.5.1 增加、更新数组元素
- 2.5.2 删除元素
- 2.5.3 数组的数组
- 2.6 条件与循环
- 2.6.1 if条件表达式
- 2.6.1.1 三元运算符
- 2.6.1.2 switch语句
- 2.6.2 else语句
- 2.6.3 代码块
- 2.6.4 检查变量是否存在
- 2.6.5 循环
- 2.6.5.1 while循环
- 2.6.5.2 do-while循环
- 2.6.5.3 for循环
- 2.6.5.4 for-in循环
- 2.7 注释
- 第2章 面试题
- 第2章 面试题及解答
- 第3章 函数
- 主要内容
- 3.1 什么是函数
- 3.1.1 调用函数
- 3.1.2 参数
- 3.2 预定义函数
- 3.2.1 parseInt
- 3.2.2 parseFloat
- 3.2.3 isNaN
- 3.2.4 ifFinite
- 3.2.5 URI的编码与反编码
- 3.2.6 eval
- 3.2.7 alert
- 3.3 变量的作用域
- 3.4 函数也是数据
- 3.4.1 匿名函数
- 3.4.2 回调函数
- 3.4.3 回调示例
- 3.4.4 既时函数
- 3.4.5 内部(私有)函数
- 3.4.6 返回函数的函数
- 3.4.7 能重写自己的函数
- 3.5 闭包
- 3.5.1 作用域链
- 3.5.2 利用闭包突破作用域链
- 3.5.3 getter与setter
- 3.5.4 迭代器
- 第3章 面试题
- 第3章 面试题及解答
- 第4章 对象
- 4.1 从数组到对象
- 4.1.1 元素、属性、方法与成员
- 4.1.2 哈希表、关联型数组
- 4.1.3 访问对象属性
- 4.1.4 调用对象方法
- 4.1.5 修改属性与方法
- 4.1.6 使用this值
- 4.1.7 构造器函数
- 4.1.8 全局对象
- 4.1.9 构造器属性
- 4.1.10 instanceof操作符
- 4.1.11 返回对象的函数
- 4.1.12 传递对象
- 4.1.13 比较对象
- 4.1.14 Webkit控制台中的对象
- 4.2 内建对象
- 4.2.1 Object
- 4.2.2 Array
- 4.2.3 Function
- 第8章 编程模式与设计模式
- 8.1 编程模式
- 8.1.1 行为隔离
- 8.1.2 命名空间