javascript高级知识分析——灵活的参数
代码信息来自于http://ejohn.org/apps/learn/。
使用数量可变的参数对编程很有好处
function merge(root){
for(i = 0 ; i < arguments.length; i++)
for(var key in arguments[i])
return root[key] = arguments[i][key]
} var merged = merge({name: "John"}, {city: "Boston"});
console.log( merged.name == "John", "name属性和原来一样." );
console.log( merged.city == "Boston", "city属性被复制到了第一个参数对象里" );
采用这个方法可以设置数量位置不固定的参数,它的思路就是用访问二维数组的方法访问所有对象,将所有的内容复制到第一个对象。
这里要注意,传进来的所有参数存在于arguments对象中,而函数的形参,依次对应传进来的参数。像本题,arguments包括{name: "John"},{city: "Boston"};而root是{name: "John"}。
如何构建找到数组当中最大/最小数字的函数?
function smallest(array){
return Math.min.apply( Math, array );
}
function largest(array){
return Math.max.apply( Math, array );
}
console.log(smallest([0, 1, 2, 3]) == 0, "找到最小值的位置");
console.log(largest([0, 1, 2, 3]) == 3, "找到最大值的位置");
另一种方法
function smallest(){
return Math.min.apply( Math, arguments );
}
function largest(){
return Math.max.apply( Math, arguments );
}
console.log(smallest(0, 1, 2, 3) == 0, "找到最小值的位置");
console.log(largest(0, 1, 2, 3) == 3, "找到最大值的位置");
这段代码哪里出的错?
function highest(){
return arguments.sort(function(a,b){
return b - a;
});
}
console.log(highest(1, 1, 2, 3)[0] == 3, "获取最高值");
console.log(highest(3, 1, 2, 3, 4, 5)[1] == 4, "查看数组第二个元素");
sort是数组对象的方法。
习题:有没有什么内置方法可以帮助来转化类数组对象为数组对象?
// 提示: 数组拥有返回新数组的.slice和.splice方法.
function highest(){
return makeArray(arguments).sort(function(a,b){
return b - a;
});
} function makeArray(array){
// 补足代码
} // 期望: [3,2,1,1]
console.log(highest(1, 1, 2, 3)[0] == 3, "获取最大值");
// 期望: [5,4,3,3,2,1]
console.log(highest(3, 1, 2, 3, 4, 5)[1] == 4, "验证结果");
我们可以使用好用的内置方法
function highest(){
return makeArray(arguments).sort(function(a,b){
return b - a;
});
}
function makeArray(array){
return Array().slice.call(array);
} console.log(highest(1, 1, 2, 3)[0] == 3, "获取最大值");
console.log(highest(3, 1, 2, 3, 4, 5)[1] == 4, "验证结果");
这里是类数组和数组的转化方法,通过call,修改上下文,调用slice实现。
习题:实现一个乘法函数(第一个参数,和剩余参数的最大值)
function multiMax(multi){
// 获取一个没有第一个参数的数组
var allButFirst = ___; // 在剩余的参数数组中找到最大的数字
var largestAllButFirst = ___; return multi * largestAllButFirst;
}
console.log( multiMax(3, 1, 2, 3) == 9, "3*3=9 (第一个参数, 剩余参数的最大值)" );
使用call和apply可以很好解决这个问题
function multiMax(multi){
// 获取一个没有第一个参数的数组
var allButFirst = Array().slice.call(arguments,1);
// 在剩余的参数数组中找到最大的数字
var largestAllButFirst = Math.max.apply(Math,allButFirst); return multi * largestAllButFirst;
}
console.log( multiMax(3, 1, 2, 3) == 9, "3*3=9 (第一个参数, 剩余参数的最大值)" );
javascript高级知识分析——灵活的参数的更多相关文章
- javascript高级知识分析——上下文
如果函数是一个对象的属性,那么它可以? var katana = { isSharp: true, use: function(){ this.isSharp = !this.isSharp; } } ...
- javascript高级知识分析——实例化
代码信息来自于http://ejohn.org/apps/learn/. new做了什么? function Ninja(){ this.name = "Ninja"; } var ...
- javascript高级知识分析——作为对象的函数
代码信息来自于http://ejohn.org/apps/learn/. 函数和对象是不是非常相似? var obj = {}; var fn = function(){}; console.log( ...
- javascript高级知识分析——函数访问
代码信息来自于http://ejohn.org/apps/learn/. 可以通过函数的名字在它的内部引用它. function yell(n){ return n > 0 ? yell(n-1 ...
- javascript高级知识分析——定义函数
代码信息来自于http://ejohn.org/apps/learn/. 可以使用哪些方式来声明函数? function isNimble(){ return true; } var canFly = ...
- JavaScript的高级知识---词法分析
JavaScript的高级知识---词法分析 词法分析 词法分析方法: js运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤: 分析参数 再分析变量的声明 分析函数说明 函数在运行的瞬间, ...
- (读书笔记)函数参数浅析-JavaScript高级程序设计(第3版)
ECMAScript函数不介意传递的参数个数,因为在其内部是用一个数组进行表示的.在函数体内可以通过arguments对象来访问这个参数数组,就像我们正常访问数组一样处理. arguments对象只是 ...
- MySQL高级知识(七)——索引面试题分析
前言:该篇随笔通过一些案例,对索引相关的面试题进行分析. 0.准备 #1.创建test表(测试表). drop table if exists test; create table test( id ...
- MySQL高级知识(五)——索引分析
前言:前面已经学习了explain(执行计划)的相关知识,这里利用explain对索引进行优化分析. 0.准备 首先创建三张表:tb_emp(职工表).tb_dept(部门表)和tb_desc(描述表 ...
随机推荐
- iOS断言
来自:http://my.oschina.net/panyong/blog/205573 在看到xmpp项目中的一些代码时,看到如下,不懂该代码是啥意思, 如下: NSAssert(_xmppStre ...
- Linux学习笔记6-Linux根目录下各个目录的作用
/bin:存放最常用命令: /boot:启动Linux的核心文件: /dev:设备文件: /etc:存放各种配置文件: /home:用户主目录: /lib:系统最基本的动态链接共享库: /mnt:一 ...
- flex 载入GIF图片
李石磊 学习日记 一.下载GIFPlayer包 二.源代码例如以下: <?xml version="1.0" encoding="utf-8"?> ...
- lua的学习
lua是什么 Lua是一中嵌入式的脚本语言. Lua语言可以独立进行编程,但这不是其主要的使用方式.Lua虽然有动态.灵活的语法提供强大的功能,但并不像 Java.Python 等一样有一个完善的库( ...
- -bash: ulimit: max user processes: cannot modify limit: Operation not permitted
安装oracle时候在创建oracle用户后,切换oracle用户时,报如下错 [root@localhost ~]# su - oracle-bash: ulimit: max user proce ...
- 【位运算DFS/DLX】【HDU1426】【数独】
题意:标准的一道数独题 DFS做法: 将横纵九宫格里的数字用位运算状态压缩,且可以通过逻辑或来确定总共有哪些数字被选择了,很方便也很快,代码如下 #include <cstdio> #in ...
- 关于constructor与 Prototype的理解
constructor:每一个函数的Prototype属性指向的对象都包含唯一一个不可枚举属性constructor,该属性的值是这么一个对象:constructor指向了它所在的构造函数Protot ...
- UVA 1395 Slim Span
题意: 要求的是所有生成树中最大边与最小边差值最小的那个. 分析: 其实可以利用最小瓶颈生成树,就是最小生成树这一性质,枚举原图的最小边,然后找相应生成树的最大边 代码: #include <i ...
- 获取json对象长度
JSON对象变化万千,非常灵活,对应的获取方法分别为: 1.最简单类型的(myObject是对象,不是字符串哦) <script type="text/javascript" ...
- DIR和dirent结构体
DIR结构体类似于FILE,是一个内部结构 struct __dirstream { void *__fd; char *__data; int __entry_data; char *__ptr; ...