'+' この記号は何？？？

現在JSを使ってタイマーを作っています。
実際に、タイマーは完成したのですが、参考にさせていただいたページの内容の一部にわからないことがあったので質問させていていただきます。

javascript
1var DAYSTART = new Date('2017/03/28 00:00:00');
2var DAYEND   = new Date('2017/04/01 00:00:00');
3var INTERVAL = 1000;
4var calc = new Date(+DAYEND - DAYSTART + INTERVAL);
5
6function countdownTimer() {
7  var addZero = function(n) { return ('0' + n).slice(-2); }
8  if (+new Date(calc) <= INTERVAL) {
9    document.getElementById('result').textContent = '終了しました。';
10  } else {
11    calc = new Date(+new Date(calc) - INTERVAL);
12    var date = calc.getUTCDate() - 1 ? calc.getUTCDate() - 1 + '日' : '';
13    var hours = calc.getUTCHours() ? calc.getUTCHours() + '時間' : '';
14    var minutes = addZero(calc.getUTCMinutes()) + '分';
15    var seconds = addZero(calc.getUTCSeconds()) + '秒';
16    document.getElementById('result').textContent = date + hours + minutes + seconds;
17  }
18}
19

上記のコードですが、　

javascript
1var calc = new Date(+DAYEND - DAYSTART + INTERVAL);

javascript
1 if (+new Date(calc) <= INTERVAL) {

javascript
1calc = new Date(+new Date(calc) - INTERVAL);

これら３行にある '(' の後の '+'の意味がわかりません。
これを消したら、思い通りに動かなくなりました。
どなたか、これらの意味となぜ動かなくなったのかを教えてください。よろしくおねがいします！

行動規範の内容に同意します

回答2件

ベストアンサー

これら３行にある '(' の後の '+'の意味がわかりません。

単純加算です！
はい意味がわからんよね？

説明！

ご覧のように右辺にしか値が無いという書き方も存在し、その場合は単純加算として扱います。
一般的に+はA + Bみたいに2つの値を足すのがメインですが、
+ 値の場合、値の部分を数値(Number型)として取り扱います。

要するにNumber型へのキャスト。
ちょっとデベロッパーツールを開いて打ち込んで確認してみましょう。

JavaScript
1> new Date('2017/04/01 00:00:00')
2Sat Apr 01 2017 00:00:00 GMT+0900 (日本標準時)
3
4> + new Date('2017/04/01 00:00:00')
51490972400000

確かに数値になりました。
勝手に2値をとって計算する演算子として作用しないように、
(+ new Date('2017/04/01 00:00:00'))という風に括弧で包むと誤爆がありません。

ちなみにJavaScriptのDate型は普通に考えれば数値じゃないから
数値INTERVAL = 1000を足したり引いたりなんて一見できなさそうですね。

しかし、Date型は内部でUnix時刻を持っており、数値として計算したいよと言った時にはすぐUnix時刻を取り出して計算に利用することが可能です。

なので+ new Date('2017/04/01 00:00:00')としてNumber型へのキャストを試みた場合、
瞬時にNumber型のUnix時刻に変換されます。

思い通りに動かなくなりました。

これは何故か意味が分からなかったです。
Date - 1000という風に計算すればUnix時刻が取り出されて、また新しいDateが作られるように見えます。
このようにnew Date(date)みたいな書き方をしても別にエラーになりませんし…うーん、不思議だ……

JavaScript
1> new Date('2017/03/28 00:00:00') - 1000
21490626799000
3
4> new Date(new Date('2017/03/28 00:00:00'))
5Tue Mar 28 2017 00:00:00 GMT+0900 (日本標準時)