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 (第一个参数, 剩余参数的最大值)" );
时间: 2024-10-13 19:43:55

javascript高级知识分析——灵活的参数的相关文章

javascript高级知识分析——上下文

如果函数是一个对象的属性,那么它可以? var katana = { isSharp: true, use: function(){ this.isSharp = !this.isSharp; } }; katana.use(); console.log( katana.isSharp );//false; 在javascript中,函数的内部,this默认指向调用它的对象.本例katana.use(),函数use被对象katana调用,所以在函数内部,this.isSharp可以操作katan

javascript高级知识分析——实例化

代码信息来自于http://ejohn.org/apps/learn/. new做了什么? function Ninja(){ this.name = "Ninja"; } var ninjaA = Ninja(); console.log( ninjaA, "undefined,ninja并不是实例化" ); var ninjaB = new Ninja(); console.log( ninjaB.name == "Ninja", "

javascript高级知识分析——定义函数

代码信息来自于http://ejohn.org/apps/learn/. 可以使用哪些方式来声明函数? function isNimble(){ return true; } var canFly = function(){ return true; }; window.isDeadly = function(){ return true; }; console.log(isNimble, canFly, isDeadly);//function isNimble() function canF

javascript高级知识分析——函数访问

代码信息来自于http://ejohn.org/apps/learn/. 可以通过函数的名字在它的内部引用它. function yell(n){ return n > 0 ? yell(n-1) + "a" : "hiy"; } console.log( yell(4) === "hiyaaaa", "在函数的内部通过它的名字访问它自己" ); 当不通过命名函数来声明时,在其内部如何调用自己? var ninja =

javascript高级知识分析——作为对象的函数

代码信息来自于http://ejohn.org/apps/learn/. 函数和对象是不是非常相似? var obj = {}; var fn = function(){}; console.log( obj && fn );//true var obj = {}; var fn = function(){}; obj.prop = "some value"; fn.prop = "some value"; console.log( obj.prop

JavaScript的高级知识---词法分析

JavaScript的高级知识---词法分析 词法分析 词法分析方法: js运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤: 分析参数 再分析变量的声明 分析函数说明 函数在运行的瞬间,生成一个活动对象(Active Object),简称AO 分析参数 具体步骤如下: 函数接收形式参数,添加到AO的属性,并且这个时候值为undefine,例如AO.age=undefine 接收实参,添加到AO的属性,覆盖之前的undefine 分析变量声明,如var age;或var age=23

整理JavaScript高级基础知识

整理JavaScript高级基础知识 因为空余时间很多..所以博客更新频率得相对频繁些.. 原型以及原型链 考察原型以及原型链: var object = {} object.__proto__ === Object.prototype // 为 true var fn = function(){} fn.__proto__ === Function.prototype // 为 true fn.__proto__.__proto__ === Object.prototype // 为 true

MySQL高级知识(五)——索引分析

前言:前面已经学习了explain(执行计划)的相关知识,这里利用explain对索引进行优化分析. 0.准备 首先创建三张表:tb_emp(职工表).tb_dept(部门表)和tb_desc(描述表) 1)tb_emp表. DROP TABLE IF EXISTS `tb_emp`; CREATE TABLE `tb_emp` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL,PRIMARY KEY

JavaScript高级程序设计(复制变量值、传递参数)

复制变量值 一个变量向另一个变量复制基本类型值和引用类型值时,是存在不同的. 一个变量向另一个变量复制基本类型的值,会在变量的对象上创建一个新值,然后把该值复制到为新变量分配的位置上. var num1 = 7; var num2 = num1; 用图来看如下: 两个值不会相互影响 一个变量向另一个变量赋值引用类型的值,实际上是复制指向这个地址的指针. var obj1 = new Object(); var obj2 = obj1; obj1.name = "jack"; alert