資訊專欄INFORMATION COLUMN
摘要：突然有一天，發(fā)現(xiàn)了一些基于很基礎(chǔ)的東西的騷操作，就開始懷疑人生如果沒有遇到被某些東西打擊到或者見識(shí)到新的世界，可能永遠(yuǎn)的，就感嘆真好用，我精通，精通。最后，就相當(dāng)于對(duì)每一個(gè)元素進(jìn)行，，，，位操作符基本用法和概念就不說了，自行看文檔。
本文來源于我的github 0.前言
大家學(xué)習(xí)的時(shí)候，一開始小白，然后接觸到進(jìn)階的東西的時(shí)候，發(fā)現(xiàn)一切得心應(yīng)手，有的人可能開始說精通了。突然有一天，發(fā)現(xiàn)了一些基于很基礎(chǔ)的東西的騷操作，就開始懷疑人生：wtf JavaScript？
如果沒有遇到被某些東西打擊到或者見識(shí)到新的世界，可能永遠(yuǎn)的，就感嘆：jQuery真好用，我精通jQuery，精通js。要不就是，vue？angular？react？我都會(huì)，我精通。
然而，我現(xiàn)在只能說我只是熟悉，越學(xué)發(fā)現(xiàn)越多坑。
對(duì)于數(shù)據(jù)類型轉(zhuǎn)換和正則的坑，前面有講過：
數(shù)據(jù)類型
正則表達(dá)式
類似一些遍歷類型的api：forEach、map，可能有人就說了：不就是arr.map(x=>x+1)，要是涉及到索引，那就再來個(gè)index，arr.map((x,index)=>x+index)，多簡(jiǎn)單是不是
然后，先拋出一個(gè)問到爛的面試題：
["1","2","3"].map(parseInt)
找工作的人，看過面試題的，都知道結(jié)果是[1,NaN,NaN]，那么為什么會(huì)這樣呢？
首先，map里面可以傳兩個(gè)參數(shù)：map（對(duì)每一個(gè)元素都調(diào)用的函數(shù)，該函數(shù)的this值）
而那個(gè)每一個(gè)元素都調(diào)用的函數(shù)，他傳入的參數(shù)是（current，index，arr）當(dāng)前元素（必須）、索引、數(shù)組。
在這個(gè)例子，對(duì)parseInt傳入的就是這三個(gè)參數(shù)。
而parseInt這個(gè)原生的函數(shù)，他傳入的參數(shù)是（num，radix）:
radix表示要解析的數(shù)字的基數(shù)。該值介于 2 ~ 36 之間。
如果省略該參數(shù)或其值為 0，則數(shù)字將以 10 為基礎(chǔ)來解析。如果它以 “0x” 或 “0X” 開頭，將以 16 為基數(shù)。如果該參數(shù)小于 2 或者大于 36，則 parseInt() 將返回 NaN
parseInt(10,10)//對(duì)10進(jìn)制數(shù)字10取整，10
parseInt(10,2)//對(duì)2進(jìn)制數(shù)字10取整，2
parseInt(111,2)//對(duì)2進(jìn)制數(shù)字111取整，7
parseInt(111,4)//對(duì)4進(jìn)制數(shù)字111取整，21
parseInt("1",2,[1])//1，傳入第三個(gè)數(shù)組是沒有意義的
parseInt("1",2,["1","2","3","4"])//1
parseInt("2",2,["1","2","3","4"])//NaN，2進(jìn)制沒有2
parseInt("2",3,["1","2","3","4"])//3
那就很明顯了，對(duì)于為什么是[1,NaN,NaN]，其實(shí)就是：
parseInt("1",0,["1","2","3"])//1，radix為 0，則數(shù)字將以 10 為基礎(chǔ)來解析
parseInt("2",1,["1","2","3"])//1進(jìn)制是啥？反正就是NaN
parseInt("3",2,["1","2","3"])//2進(jìn)制沒有3
另外，parseInt，遇到字符串的數(shù)字他會(huì)盡量解釋，直到不能解釋就停止。
parseInt("123sfd")//123
parseInt("123sfd123")//123
parseInt("sfd213")//NaN
1.2數(shù)組遍歷的api第二個(gè)參數(shù)
第二個(gè)參數(shù)，表示前面那個(gè)函數(shù)內(nèi)部的this，一般不填這個(gè)參數(shù)，this就是undefined。而在非嚴(yán)格模式下，undefined就是window：
[1,2,3].forEach(function(x){console.log(this)})//window
我們可以強(qiáng)行把他改成其他的看看：
[1,2,3].forEach(function(x){console.log(this)},Math)//Math
我們知道，Array可以直接生成某一個(gè)長(zhǎng)度元素全是空的數(shù)組：
Array(5)//注意了，5空和5個(gè)undefined是不同的
不妨apply一下：
Array.apply(null, { length:5 })//?[undefined, undefined, undefined, undefined, undefined]
Array.apply(null, { "0":1,length:5 })//?[1, undefined, undefined, undefined, undefined]
Array.apply(null, { "2":1,length:5 })//?[undefined, undefined, 1, undefined, undefined]
相當(dāng)于給新創(chuàng)建的array的屬性直接進(jìn)行改變
1.4你是不是用循環(huán)生成一個(gè)序列？生成一個(gè)序號(hào)數(shù)組：
var arr = [];
for(var i = 0;i<10;i++){
arr.push(i)
}
常規(guī)操作，沒什么問題，但是精通jQuery的你會(huì)不會(huì)用到其他方法呢？
比如：
Array.apply(null, {length:5 }).map(f.call,Number)//[0, 1, 2, 3, 4]，f可以是任何函數(shù)
Array.apply(null, { "0":1,length:5 }).map(f.call,Number)//[0, 1, 2, 3, 4]，不管元素是什么都一樣
Array.apply(null, {length:5 }).map(f.call,Boolean)//[false, true, true, true, true]
Array.apply(null, {length:5 }).map(f.call,String)//["0", "1", "2", "3", "4"]
Array.apply(null, {length:5 }).map(eval.call,Object)//[Number, Number, Number, Number, Number]
對(duì)于最后一個(gè)結(jié)果，點(diǎn)開第二個(gè)看看
map的那個(gè)函數(shù)，傳入了三個(gè)參數(shù)，第一個(gè)參數(shù)是當(dāng)前元素。可是對(duì)于加了call的，第一個(gè)參數(shù)就是call的this指向了。而map后面的那個(gè)參數(shù)，就是this，也就是后面那個(gè)this已經(jīng)把current覆蓋，起到主導(dǎo)作用的也是后面那個(gè)參數(shù)。而map的第一個(gè)參數(shù)fn，fn里面的第二個(gè)參數(shù)是index，也就是當(dāng)前索引。而對(duì)于f.call，第一個(gè)參數(shù)是this指向，第二個(gè)參數(shù)以后全是f.call的函數(shù)f所使用的參數(shù)。最后，就相當(dāng)于對(duì)每一個(gè)元素進(jìn)行，Number（index），Boolean（index），String（index），Object（index）
2.位操作符基本用法和概念就不說了，自行看文檔。
2.1字符串轉(zhuǎn)數(shù)字有全世界都知道的parseInt，但是我們又可以用簡(jiǎn)單一點(diǎn)的方法：
//就是讓他進(jìn)行不改變本身的值的數(shù)學(xué)運(yùn)算 +"1" "1"*1 "1"|0 "1" >> 0 "1" << 02.2更多的操作
要是我們要隨意得到一個(gè)很大的數(shù)，一般就是9999*9999這樣子吧，而位移操作可以相當(dāng)于乘上2的n次方：1<<30//1073741824
好像沒什么用，先拋出一個(gè)需求：隨機(jī)生成字符串（數(shù)字+字母）
我知道，很多人完全不需要思考，直接拿起鍵盤擼：比如生成一個(gè)6位隨機(jī)字符串
