如果需要在本地开发机器上获取函数执行时间，可以使用浏览器的分析工具，也可以使用console.time（）和console.timeEnd（）等控制台命令。

所有现代浏览器都内置JavaScript分析器。这些分析器应该提供最准确的度量，因为您不必修改现有代码，这可能会影响函数的执行时间。

要评测JavaScript：

在Chrome中，按F12并选择配置文件选项卡，然后收集JavaScript CPU配置文件。在Firefox中，安装/打开Firebug，然后单击Profile按钮。在IE 9+中，按F12，单击脚本或探查器（取决于您的IE版本）。

或者，在您的开发机器上，您可以使用console.time（）和console.timeEnd（）向代码中添加检测。Firefox11+、Chrome2+和IE11+支持的这些函数报告通过console.time（）启动/停止的计时器。time（）将用户定义的计时器名称作为参数，然后timeEnd（）报告计时器启动后的执行时间：

function a() {
  console.time("mytimer");
  ... do stuff ...
  var dur = console.timeEnd("myTimer"); // NOTE: dur only works in FF
}

注意，只有Firefox在timeEnd（）调用中返回经过的时间。其他浏览器只需将结果报告给开发人员控制台：timeEnd（）的返回值未定义。

如果您想在野外获得函数执行时间，则必须对代码进行检测。你有两个选择。您可以通过查询new Date（）.getTime（）来简单地保存开始和结束时间：

function a() {
  var start = new Date().getTime();
  ... do stuff ...
  var end = new Date().getTime();
  var dur = end - start;
}

然而，Date对象只有毫秒分辨率，并且会受到任何操作系统系统时钟变化的影响。在现代浏览器中，有一个更好的选项。

更好的选择是使用高分辨率时间，也就是window.performance.now（）.nnow（）在两个重要方面优于传统的Date.getTime（）：

now（）是一个具有亚毫秒分辨率的double，表示自页面导航开始以来的毫秒数。它以小数形式返回微秒数（例如，1000.123的值为1秒和123微秒）。now（）单调递增。这一点很重要，因为Date.getTime（）可能会在后续调用中向前或向后跳转。值得注意的是，如果OS的系统时间被更新（例如原子时钟同步），Date.getTime（）也会被更新。now（）保证总是单调递增的，所以它不受操作系统系统时间的影响——它将始终是墙上的时钟时间（假设你的墙上的时钟不是原子的…）。

now（）几乎可以用于newDate（）.getTime（）、+newDate和tDate.now（）所在的所有位置。例外的是Date和now（）时间不混合，因为Date基于unix epoch（1970年以来的毫秒数），而now（（）是页面导航开始后的毫秒数（因此它将比Date小得多）。

下面是如何使用now（）的示例：

function a() {
  var start = window.performance.now();
   ... do stuff ...
  var end = window.performance.now();
  var dur = end - start;
}

now（）在Chrome稳定版、Firefox 15+和IE10中受支持。也有几种多边形填充可用。

在野外测量执行时间的另一个选项是UserTiming。UserTiming的行为类似于console.time（）和console.timeEnd（），但它使用了now（）使用的相同的高分辨率时间戳（因此您会得到一个亚毫秒单调递增的时钟），并将时间戳和持续时间保存到PerformanceTimeline。

UserTiming具有标记（时间戳）和度量（持续时间）的概念。您可以根据需要定义任意多个，并且它们将在PerformanceTimeline上显示。

要保存时间戳，请调用mark（startMarkName）。要获得自第一次标记以来的持续时间，只需调用measure（measurename，startMarkname）。然后将持续时间与标记一起保存在PerformanceTimeline中。

function a() {
  window.performance.mark("start");
  ... do stuff ...
  window.performance.measure("myfunctionduration", "start");
}

// duration is window.performance.getEntriesByName("myfunctionduration", "measure")[0];

UserTiming在IE10+和Chrome25+中可用。还有一个polyfill可用（我写的）。

var StopWatch = function (performance) {
    this.startTime = 0;
    this.stopTime = 0;
    this.running = false;
    this.performance = performance === false ? false : !!window.performance;
};

StopWatch.prototype.currentTime = function () {
    return this.performance ? window.performance.now() : new Date().getTime();
};

StopWatch.prototype.start = function () {
    this.startTime = this.currentTime();
    this.running = true;
};

StopWatch.prototype.stop = function () {
    this.stopTime = this.currentTime();
    this.running = false;
};

StopWatch.prototype.getElapsedMilliseconds = function () {
    if (this.running) {
        this.stopTime = this.currentTime();
    }

    return this.stopTime - this.startTime;
};

StopWatch.prototype.getElapsedSeconds = function () {
    return this.getElapsedMilliseconds() / 1000;
};

StopWatch.prototype.printElapsed = function (name) {
    var currentName = name || 'Elapsed:';

    console.log(currentName, '[' + this.getElapsedMilliseconds() + 'ms]', '[' + this.getElapsedSeconds() + 's]');
};

基准

var stopwatch = new StopWatch();
stopwatch.start();

for (var index = 0; index < 100; index++) {
    stopwatch.printElapsed('Instance[' + index + ']');
}

stopwatch.stop();

stopwatch.printElapsed();

输出

Instance[0] [0ms] [0s]
Instance[1] [2.999999967869371ms] [0.002999999967869371s]
Instance[2] [2.999999967869371ms] [0.002999999967869371s]
/* ... */
Instance[99] [10.999999998603016ms] [0.010999999998603016s]
Elapsed: [10.999999998603016ms] [0.010999999998603016s]

performance.now（）是可选的-只需向StopWatch构造函数传递false。

支持标记的基本TypeScript示例。调用start（“something”）将启动计时器，而stop（“somehing”）将结束计时器，并返回包含已用时间的格式化字符串。

查看车队示例

/**
 * Mark entries
 */
export const marks: { [id: string]: number } = {};

/**
 * Start timing 
 */
export const start = (id: string) => {
  return Object.assign(marks, {[id]: Date.now() })[id]
}

/**
 * Clear all 
 */
export const clear = () => {
  for (const id in marks) delete marks[id]; 
};

/**
 * Stop timing and return formatted elapsed time
 */
export const stop = (id: string) => {
  const ms = Date.now() - marks[id];
  delete marks[id];
  return ms > 1000 
    ? `${(ms / 1000).toFixed(0)}s ${+ms.toFixed(0).slice(1)}ms` 
    : `${ms.toFixed(0)}ms`;
};

示例代码是导出每个函数。您可以将其放置到项目中，并从默认的import调用相应的方法，例如：

import * as time from './timer.js'

time.start('foo')

// do something

console.log('elapsed time: ' + time.stop('bar'))

process.hrtime（）在Node.js中可用-它返回以纳秒为单位的值

let hrTime = process.hrtime()
console.log(hrTime[0] * 1000000 + hrTime[1] / 1000)

注意：纯函数ES6方法的最简单实现，无需额外变量，只需3行代码。处理同步和异步代码，因此不需要外部库，可以在JavaScript和NodeJS中工作，甚至可以用来测试API的延迟

// Create one-liner timer function
let [timer, timingMonitor] = [0, () => timer = !timer ? Date.now() : `${Date.now() - timer}ms`]
        
// Initiate timer
timingMonitor();
        
// Your code here
doSomething();
        
// Capture and store the elapsed time 
const timeElapsed = timingMonitor();

console.log(timeElapsed);
// Console output: "102ms", for example 

为了进一步扩展vsync的代码，以便能够在NodeJS中返回timeEnd作为值，请使用这段代码。

console.timeEndValue = function(label) { // Add console.timeEndValue, to add a return value
   var time = this._times[label];
   if (!time) {
     throw new Error('No such label: ' + label);
   }
   var duration = Date.now() - time;
   return duration;
};

现在使用如下代码：

console.time('someFunction timer');

someFunction();

var executionTime = console.timeEndValue('someFunction timer');
console.log("The execution time is " + executionTime);

这给了你更多的可能性。您可以存储执行时间以用于更多目的，如在公式中使用，或存储在数据库中，通过websocket发送到远程客户端，在网页上提供服务等。