今天遇到一个怪异的BUG， 一路跟踪到isNaN(Date.parse(str))这句上，询问同事后得知这里的意图是探测str是否是合法的日期字符串。根据MDN的定义：
The Date.parse() method parses a string representation of a date, and returns the number of milliseconds since January 1, 1970, 00:00:00 UTC.
只要是合法的日期字符串，就会返回一个UTC日期。那么要是不合法呢？MDN上有一个例子：
Date.parse('foo-bar 2014');// returns: NaN
这么看来他的做法应该是可行的，但为啥出现问题了呢？我在自己的电脑上试了下，Date.parse('foo-bar 2014')返回的是1388530800000！于是一想，前端组里好像只有我是常用Chrome的，其他人都是Firefox，难道是兼容性的问题？
于是换浏览器使劲测了测，果然如此。在Firefox中，字符串中只要出现非日期字母就会立即判定为非法日期字符串，而在当前版本的Chrome中，只要字符串最后的那部分是数字，并且和前面有空格分隔，Date.parse就会取空格和数字部分，并按这个部分给出一个日期。于是在Chrome下，Date.parse('foo-bar 2014')与Date.parse(' 2014')所得的结果是一致的。但如果数字前面不是空格，如'foo-bar-2014，则会同Firefox一样返回NaN。
最后还借同事的mac测了下，发现WebKit系内核的safari没有这个问题，行为与Firefox一致。其他浏览器则还没来得及测，有windows的朋友可以试试IE的结果。
这是我第一次遇到这样的问题，也提醒自己尽管现代浏览器已经越来越标准化了，兼容性的问题还是会在某些不起眼的地方出现，给你埋下一个又一个难以察觉的坑。
网友评论