黑马程序员技术交流社区

标题: 【南京校区】JavaScript中常见的小坑 [打印本页]

---

作者: 大蓝鲸小蟀锅    时间: 2017-12-1 17:25
标题: 【南京校区】JavaScript中常见的小坑


1. 数组元素进行排序

JavaScript默认使用字典序(alphanumeric)来排序。因此，[1,2,5,10].sort()的结果是[1, 10, 2, 5]。

如果你想正确的排序，应该这样做：[1,2,5,10].sort((a, b) => a - b)

2. new Date() 十分好用

new Date()的使用方法有：

• 不接收任何参数：返回当前时间；
• 接收一个参数x: 返回1970年1月1日 + x毫秒的值。
• new Date(1, 1, 1)返回1901年2月1号。
• 然而….，new Date(2016, 1, 1)不会在1900年的基础上加2016，而只是表示2016年。
  

3. 替换函数没有真的替换？

let s = "bob" const replaced = s.replace('b', 'l') replaced === "lob" // 只会替换掉第一个b s === "bob" // 并且s的值不会变

如果你想把所有的b都替换掉，要使用正则：

"bob".replace(/b/g, 'l') === 'lol'

4. 谨慎对待比较运算

// 这些可以 'abc' === 'abc' // true 1 === 1         // true // 然而这些不行 [1,2,3] === [1,2,3] // false {a: 1} === {a: 1}   // false {} === {}           // false

因为[1,2,3]和[1,2,3]是两个不同的数组，只是它们的元素碰巧相同。因此，不能简单的通过===来判断。

5. 数组不是基础类型

typeof {} === 'object'  // true typeof 'a' === 'string' // true typeof 1 === number     // true // 但是.... typeof [] === 'object'  // true

如果要判断一个变量var是否是数组，你需要使用Array.isArray(var)。

6. 闭包

这是一个经典的JavaScript面试题：

const Greeters = [] for (var i = 0 ; i < 10 ; i++) {   Greeters.push(function () { return console.log(i) }) } Greeters[0]() // 10 Greeters[1]() // 10 Greeters[2]() // 10

虽然期望输出0,1,2,…，然而实际上却不会。

7. Math.min()比Math.max()大

Math.min() < Math.max() // false

因为Math.min() 返回 Infinity, 而 Math.max()返回 -Infinity。

作者：高老师

---

作者: 大蓝鲸Java    时间: 2017-12-1 17:40
赞,666。很给力。干货满满

---

作者: 郭俊峰老师    时间: 2017-12-1 17:41
看来都是同学们经常遇到的错误啊

---

作者: 海域王魂    时间: 2017-12-1 17:47
不错不错 都是细节容易犯的错误

---

作者: 唐杰    时间: 2017-12-1 17:48
666 学习了！

---

作者: 一匹英俊的小马    时间: 2017-12-6 15:07
哇哇 很棒

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2