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,…，然而實際上卻不會。知道如何Debug嘛？
有兩種方法：

• 使用let而不是var。備註：能夠參考Fundebug的另外一篇博客 ES6之」let」能替代」var」嗎?
• 使用bind函數。備註：能夠參考Fundebug的另外一篇博客 JavaScript初學者必看「this」

  Greeters.push(console.log.bind(null, i))

  固然，還有不少解法。這兩種是我最喜歡的！

7. 關於bind

下面這段代碼會輸出什麼結果？

class Foo { constructor(name) { this.name = name } greet() { console.log('hello, this is ', this.name) } someThingAsync() { return Promise.resolve() } asyncGreet() { this.someThingAsync().then(this.greet) } } new Foo('dog').asyncGreet()

若是你說程序會崩潰，而且報錯：Cannot read property ‘name’ of undefined。

　　一、由於第16行的geet沒有在正確的環境下執行。固然，也有不少方法解決這個BUG！

我喜歡使用bind函數來解決問題：

//code from http://caibaojian.com/8-javascript-attention.html
asyncGreet () { this.someThingAsync() .then(this.greet.bind(this)) }

這樣會確保greet會被Foo的實例調用，而不是局部的函數的this。

　　二、若是你想要greet永遠不會綁定到錯誤的做用域，你能夠在構造函數裏面使用bind來綁 。

class Foo { constructor(name) { this.name = name this.greet = this.greet.bind(this) } }

　　三、你也能夠使用箭頭函數(=>)來防止做用域被修改。備註：能夠參考Fundebug的另外一篇博客 JavaScript初學者必看「箭頭函數」。

asyncGreet() { this.someThingAsync().then(() = >{ this.greet() }) }

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

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

由於Math.min() 返回 Infinity, 而 Math.max()返回 -Infinity。

9.數組的5個經常使用方法

• Array.forEach()

.forEach() 方法可以方便的讓你 遍歷數組裏的每一個元素，你能夠在回調函數裏對每一個元素進行操做。.forEach()方法沒有返回值，你不須要在回調函數裏寫return，這是無心義的。

var animals = ['dog', 'cat', 'mouse']; animals.forEach(function(item){ console.log(item); });

• Array.map()

.map() 方法可以遍歷整個數組，而後 返回一個新數組，這個新數組裏的元素是通過了指定的回調函數處理過的。

若是你想修改數組裏的每一個元素，而後將修改後的數組存入新的數組，那使用 .map() 方法最方便。

var numbers = [2, 4, 6, 8]; var doubleNums = numbers.map(function(element) { return element * 2; }); console.log('doubleNums: ', doubleNums)

• Array.filter()

.filter() 方法可以 過濾掉數組中的某些元素，你能夠在回調函數裏設定條件，不符合條件的元素都會排除在外。

var scores = [3, 12, 5, 23, 19, 7]; var topScores = scores.filter(function(item){ if (item > 10){ return true; } else { return false; } }); console.log('topScores: ', topScores);

• Array.indexOf()

indexOf() 可以告訴你 某個元素在數組中的位置，它返回的是索引值，若是數組裏有重複的元素，它會返回第一個元素的位置。

var a = [2, 9, 9, 18]; var i = a.indexOf(9); console.log('i: ', i); /* if (a.indexOf(7) === -1) { // 數組中沒有這個元素 }*/

• Array.every()

.every() 方法的做用是用指定的回調函數去檢查數組中的每一個元素，若是對於每一個元素，這個回調函數都返回true，則.every()返回true。不然，.every() 返回false。

若是你想知道數組中的全部元素都是否符合某種條件，使用 .every() 最方便。

var ages = [23, 19, 32, 44]; var olderThan18 = ages.every(function(element) { return element > 18; }); console.log('olderThan18: ', olderThan18);