41

所以我们今天在公司讨论了关于+new Date()是否是良好做法的讨论。有些人更喜欢这种方式new Date().getTime()。

在我看来，这很方便，但另一方面，人们会说它更难阅读。

除了明显的“对于不熟悉一元运算符的人来说更难理解”之外，还有其他优点或缺点吗？

4

5 回答 5

51

该getTime方法似乎要快得多：

在此处输入图像描述

为什么会这样？

以下是在实例上调用该getTime方法时发生的Date情况：

  1. 返回[[PrimitiveValue]]此 Date 对象的内部属性的值。

以下是将一元加号运算符应用于Date实例时发生的情况：

  1. 获取相关实例Date的值
  2. 将其转换为数字
    1. 将其转换为原语
      1. 调用内部[[DefaultValue]]方法
于 2013-01-10T10:29:20.213 回答
9

在过去几年对此进行了很多思考之后，我得出的结论是性能不是这里的一个因素。

所以这是我在可读性方面更喜欢的解决方案：

Date.now();

于 2015-07-21T09:05:36.413 回答
8

我发现这种类型的代码往往很少被调用，所以我认为最好为你通常看到的内联用法添加测试：

例如

var t = (new Date()).getTime();

和

var t = +new Date();

JSPerf 结果显示这两者在速度上差别不大：http: //jsperf.com/get-time-vs-unary-plus/7

在此处输入图像描述

之前的 perf 结果的问题是该示例不实用。在实践中你不会一直保持不变now。getTime()如果现在没有改变，您只需存储一次结果。正如这些新结果所示，在典型使用情况下，速度差异并不显着。

所以我想一般的建议是，一次性使用+new Date()更短，但(new Date()).getTime()更具可读性（并且更快一点）。

日期。现在（）：

如果您打算使用较新Date.now()的浏览器，您需要从这里实现推荐的 shim 以支持较旧的浏览器。 

if (!Date.now) {
  Date.now = function now() {
    return new Date().getTime();
  };
}

（虽然我很困惑为什么他们不只是在那个例子中使用匿名函数）

于 2015-01-21T10:49:31.600 回答
1

恕我直言，当性能没有太大差异时，易读性应该总是胜出。我们都应该练习 WCTR“编写可供阅读的代码”。因此，对我来说，这是最佳实践：

(new Date()).getTime();

于 2015-07-15T20:13:47.323 回答
0

这完全取决于您要比较的内容。

事实上，在同一个日期对象上连续运行一百万次 .getTime 与读取一百万次固定变量的速度差不多，这似乎与任何实际代码无关。

一个更有趣的测试可能会比较每次迭代中从新日期返回时间字符串所需的时间。

<!doctype html>
<html lang="en">
<head>
<meta charset= "utf-8">
<title>get time</title>


<script>
/*does n= +new Date() take longer than n= new Date().getTime()?*/
var score=[],runs;

function tests(arg){
    runs= parseInt(document.getElementsByTagName('input')[0].value)|| 100000;
    var A= [], i= runs, start= new Date(),n=1357834972984;
    while(i--){
        A.push(n);
    }
    if(arg!==true){
        score[0]= (new Date()- start);  
        setTimeout(tests0, 0);
    }
}
function tests0(){
    runs= parseInt(document.getElementsByTagName('input')[0].value)|| 100000;
    var A= [], i= runs, start= new Date();
    while(i--){
        A.push(+(start));
    }
    score[1]= (new Date()- start);
    setTimeout(tests1, 0);
}

function tests1(){
    var A= [], i= runs, start= new Date();
    while(i--){
        A.push(start.getTime());
    }
    score[2]= (new Date()- start);
    setTimeout(tests2, 0);
}
function tests2(){
    var A= [], i= runs, start= new Date();
    while(i--){
        A.push(+(new Date));
    }
    score[3]= (new Date()- start);
    setTimeout(tests3, 0);
}
function tests3(){
    var A= [], i= runs, start= new Date();
    while(i--){
        A.push(new Date().getTime())
    }
    score[4]= (new Date()- start);
    setTimeout(report, 0);
}
function report(){ 
    var inp=document.getElementsByTagName('input'),t,
    lab=document.getElementsByTagName('label')
    for(var i=0;i<5;i++){
        inp[i+1].value=score[i]+' msec';
    }
}
onload= function(){
    tests(true);
    document.getElementsByTagName('button')[0].onclick=tests;
}
</script>
</head>
<body>
<h1>Comparing +prefix and getTime()</h1>
<p>
This comparison builds an array of the values for each test case, eg, 100000 array items for each case.
</p>
<ol>
<li>Building an array of a fixed integer, no date calculations at all.</li>
<li>Reading +prefix of existing Date and adding each value to array.</li>
<li>Reading getTime from existing Date and adding each value to array.</li>
<li>Creating a new date with +(new Date) and adding each value to array.</li>
<li>Creating a new date with new Date().getTime()and adding each value to array.</li>
</ol>
<p><label>Iterations of each test:<input type="text" size="8" value="100000"></label>
<button type="button">Run Tests</button></p>
<p><label>1. Building the array with no calculation: <input type="text" size="12"></label></p>
<h2>Repeatedly reading the same created date</h2>
<p><label>2. +prefix to existing Date: <input type="text" size="12"></label></p>
<p><label>3. getTime from existing Date: <input type="text" size="12"></label></p>
<h2>Creating a new date and reading new value each time:</h2> 
<p><label>4. +(new Date): <input type="text" size="12"></label></p>
<p><label>5. new Date().getTime(): <input type="text" size="12"></label></p>
</body>
</html>
于 2013-01-10T18:34:54.040 回答