JavaScript把函数作为另一函数的参数

首先说一下这个问题是怎么产生的:今天看排序算法,想要比较不同的排序算法的时间花费。

最简单的时间统计方法是在程序块开始和结束时分别计时,求一下时间差就能得出该段代码的耗时。

如:

var foo = function (a, b) {
    return a + b
}

var t1 = new Date()
foo(1, 2)
console.log("cost time:", new Date() - t1)

但是这样有个缺点就是,每测试一个函数,都要写一遍

var t1 = new Date()
.......
console.log("cost time:", new Date() - t1)

于是就想写一个函数,可以对被调用的函数性能进行测试。

var foo = function () {
    console.log("foo")
}

var timer = function (bar) {
    var t1 = new Date()
    var res = bar()
    console.log("cost time:", new Date() - t1)
    return res
}

timer(foo)

但是这样存在一个问题,如果foo本身是携带参数的,我们该如何传入它的参数呢?

var foo = function (a, b) {
    console.log(a + b)
}

var timer = function () {
    var t1 = new Date()
    var res = this.apply(null, arguments)
    console.log("cost time:", new Date() - t1)
    return res
}

timer.call(foo, 1, 2)

其中,call里面第一个参数就是我们要调用的函数,后面的参数就是对应被调函数的参数。这样就实现了函数作为另一函数的参数的功能!

时间: 2024-08-08 09:40:43

JavaScript把函数作为另一函数的参数的相关文章

[转]javascript函数定义表达式和函数声明的区别

在javascript中,函数有两种定义写法,函数定义表达式和函数声明,其例子分别如下所示: var test = function(x){ return x; } function test(x){ return x; } 尽管函数定义表达式和函数声明语句包含相同的函数名,并且都创建了新的函数对象,但是这二者却有区别. 函数声明语句中的函数名是一个变量名,变量指向函数对象. 函数定义表达式和通过var声明变量一样,其函数被提前到了脚本或函数的顶部,因此它在整个脚本和或函数内都是可见的.这样的话

JavaScript基础5——关于ECMAscript的函数

ECMAScript的函数概述(一般定义到<head>标签之间) (1)定义函数,JavaScript一般有三种定义函数方法: *第一种是使用function语句定义函数(静态方法) 1 function 函数名(var1,var2,...,varX) 2 { 3 4 代码...(return) 5 6 } 第二种是使用Function()构造函数来定义函数(不常用) 1 var 函数名 = new Function(“参数1”,”参数2”,”参数3”……”函数体”); 2 如: 3 var

每天一个JavaScript实例-使用带有定时器的函数闭包

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-使用带有定时器的函数闭包</title> <style> #redbox{ position:absolute; left:100px;

JavaScript 函数声明,函数表达式,匿名函数的区别,深入理解立即执行函数(function(){…})()

function fnName(){xxxx}; // 函数声明:使用function关键字声明一个函数,在指定一个函数名. //例如:(正常,因为 提升 了函数声明,函数调用可以在函数声明之前) fnName(); function fnName(){ alert('Hello World'); } var fnName = function(){xxxx}; //函数表达式:使用function关键字声明一个函数,但是未给函数命名,最后将匿名函数赋予给一个变量. //例如1:(报错,变量fn

JavaScript中常见的数组操作函数及用法

昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法.今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下,这样方便大家准备参考.如果恰好你也在准备各种笔试,希望对你有所帮助.同时,也欢迎补充. 1.数组创建 创建数组应该是最简单的了,有用数组字面量创建和数组构造函数两种方法,见下: var array1 = new Array(); var array2 = []; 上面是创建数组的最常见的两种方法,其中第二种方法因为简单直观而被开发者推崇.其中,

JavaScript进阶系列01,函数的声明,函数参数,函数闭包

本篇主要体验JavaScript函数的声明.函数参数以及函数闭包. □ 函数的声明 ※ 声明全局函数 通常这样声明函数: function doSth() { alert("可以在任何时候调用我"); } 通过这种方式声明的函数属于Window对象,可以在任何地方调用,即在doSth方法的之前和之后都可以调用. 可以在doSth方法之前调用: doSth(); function doSth() { alert("可以在任何时候调用我"); } 可以在doSth方法之

Javascript初学篇章_4(循环与函数)

七.循环语句 1.While 语法: while (exp){ //statements; } 说明: while (变量<=结束值){ 需执行的代码 } 例: var i=0; while(i<=9){ //利用循环在页面输出9张照片 document.write('<img src="img/'+i+'.jpg">'); i++; } 2. Do…while do...while功能与while相同,只是在执行的时候do...while是先执行后判断,whi

JavaScript的3大组成部分&amp;&amp;ECMAScript函数&amp;&amp;闭包

1.JavaScript实现是由ECMAScript.DOM和BOM组成.a.ECMAScript仅仅是一个描述,定义了脚本语言的所有属性.方法和对象.b.DOM[文档对象模型]是HTML和XML的应用程序接口,DOM将把整个页面规划成由节点层级构成的文档.c.BOM[浏览器对象模型]可以对浏览器窗口进行访问和操作. JS对象有:Array Boolean Date Math Number String RegExp Functions EventsBrowser对象有:Window Navig

Javascript 使用new 关键字调用函数和直接调用函数的区别

1.函数有返回值 $(function(){ function Person(name,age,job){ var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayHi=function(){ console.log(this.name); } return o; } var people= new Person('xiaowang',24,'developer');//new people.sayHi(); var people1

Effective JavaScript Item 19 使用高阶函数 (High-Order Function)

本系列作为Effective JavaScript的读书笔记. 不要被高阶函数这个名字给唬住了.实际上,高阶函数只是代表了两类函数: 接受其他函数作为参数的函数 返回值为函数的函数 有了这个定义,你也许就发现你已经使用过它们了,典型的就是对于一些事件的处理时传入的回调函数. 另外的一个典型使用场景就是Array类型的sort函数,它可以接受一个function作为排序时比较的判断依据: [3, 1, 4, 1, 5, 9].sort(function(x, y) { if (x < y) { r