實例方法和靜態(tài)方法最直觀的區(qū)別

//對象.方法(參數(shù))
arr.push()
//靜態(tài)方法(對象)
Array.isArray( arr)

記憶那么多的API是有難度的,而且常用的也不多,理解對象本身的特性是最重要的,想一下這個API方法或者屬性可以對這個對象形成怎樣的影響? 起了哪些便利之處

數(shù)組和對象的本質(zhì)區(qū)別在于,數(shù)組的屬性是有序的,而對象的屬性是無序的,也就是說數(shù)組數(shù)據(jù)存放在內(nèi)存的位置是排列的,這就涉及到數(shù)據(jù)結(jié)構(gòu)

數(shù)組/對象...的方法調(diào)用

1.用.運算符
2.('xxx') ['xxx'] 這是調(diào)用自身擁有的屬性,是key的名稱
3.(xxx)[xxx]這是調(diào)用自身屬性里面的變量

靜態(tài)方法和實例方法的區(qū)別

var a = {
  b:'你好世界',
  c:'hello'
        }
Object.keys(a)
//['b','c']
a.keys()
//報錯
為什么下面的語句會報錯?
//因為靜態(tài)方法和實例方法是有區(qū)別的,靜態(tài)方法指的是對象本身擁有的方法,實例方法是對象.prototy.xxx放在prototy給子孫后代繼承用的
//簡單來說,a對象是Object對象的實例,a能用的方法是繼承自O(shè)bject的prototy屬性里面的方法,所以a是沒有keys()這個方法的,所以報錯

不同的對象都有自己的toString和valueOf方法具體用法要看具體類型

數(shù)值相關(guān)全局方法

shuzi.png

常用4個

- parseInt方法用于將字符串轉(zhuǎn)為整數(shù)疫向。
- parseFloat方法用于將一個字符串轉(zhuǎn)為浮點數(shù)川慌。
- isNaN方法可以用來判斷一個值是否為NaN废封。
- isFinite方法返回一個布爾值胡桃，表示某個值是否為正常的數(shù)值。

Object對象API

obeje.png

（1）對象屬性模型的相關(guān)方法

Object.getOwnPropertyDescriptor()：獲取某個屬性的描述對象。
Object.defineProperty()：通過描述對象，定義某個屬性彼乌。
Object.defineProperties()：通過描述對象泻肯，定義多個屬性。
（2）控制對象狀態(tài)的方法

Object.preventExtensions()：防止對象擴展囤攀。
Object.isExtensible()：判斷對象是否可擴展软免。
Object.seal()：禁止對象配置。
Object.isSealed()：判斷一個對象是否可配置焚挠。
Object.freeze()：凍結(jié)一個對象膏萧。
Object.isFrozen()：判斷一個對象是否被凍結(jié)。
（3）原型鏈相關(guān)方法

Object.create()：該方法可以指定原型對象和屬性蝌衔，返回一個新的對象榛泛。
Object.getPrototypeOf()：獲取對象的Prototype對象。

• Object.keys方法和Object.getOwnPropertyNames方法都用來遍歷對象的屬性噩斟。

• valueOf方法的作用是返回一個對象的“值”曹锨，默認(rèn)情況下返回對象本身。

• toString方法的作用是返回一個對象的字符串形式剃允，默認(rèn)情況下返回類型字符串沛简。

• Object.prototype.toString方法返回對象的類型字符串，因此可以用來判斷一個值的類型斥废。

• Object.prototype.toLocaleString方法與toString的返回結(jié)果相同椒楣，也是返回一個值的字符串形式。這個方法的主要作用是留出一個接口牡肉，讓各種不同的對象實現(xiàn)自己版本的toLocaleString捧灰，用來返回針對某些地域的特定的值。

• Object.prototype.hasOwnProperty方法接受一個字符串作為參數(shù)统锤，返回一個布爾值毛俏，表示該實例對象自身是否具有該屬性。

常用性思考:

一個對象擁有的東西只能是屬性/屬性對應(yīng)的值/繼承的方法,
從這方面思考就可以想到常用的API是哪些:枚舉屬性的,屬性的tostring/valueOf,繼承相關(guān)的

常用的8個

//靜態(tài)方法
Object.keys()饲窿，Object.getOwnPropertyNames()
//實例方法
Object.prototype.valueOf()：返回當(dāng)前對象對應(yīng)的值煌寇。
Object.prototype.toString()：返回當(dāng)前對象對應(yīng)的字符串形式。
//toString方法逾雄，結(jié)果返回一個字符串object Object阀溶，其中第二個Object表示該值的構(gòu)造函數(shù)。這是一個十分有用的判斷數(shù)據(jù)類型的方法嘲驾。
//由于實例對象可能會自定義toString方法淌哟，覆蓋掉Object.prototype.toString方法迹卢，所以為了得到類型字符串辽故，最好直接使用Object.prototype.toString方法。
//通過函數(shù)的call方法腐碱，可以在任意值上調(diào)用這個方法誊垢，幫助我們判斷這個值的類型掉弛。
Object.prototype.toLocaleString()：返回當(dāng)前對象對應(yīng)的本地字符串形式。
Object.prototype.hasOwnProperty()：判斷某個屬性是否為當(dāng)前對象自身的屬性喂走，還是繼承自原型對象的屬性殃饿。
/*var obj = {
  p: 123
};
obj.hasOwnProperty('p') // true
obj.hasOwnProperty('toString') // false
*/


Object.prototype.isPrototypeOf()：判斷當(dāng)前對象是否為另一個對象的原型。
Object.prototype.propertyIsEnumerable()：判斷某個屬性是否可枚舉芋肠。

Array對象API

array.png

• Array.isArray方法返回一個布爾值乎芳，表示參數(shù)是否為數(shù)組。它可以彌補typeof運算符的不足帖池。

- valueOf方法是一個所有對象都擁有的方法奈惑，表示對該對象求值。不同對象的valueOf方法不盡一致睡汹，數(shù)組的valueOf方法返回數(shù)組本身肴甸。
- toString方法也是對象的通用方法，數(shù)組的toString方法返回數(shù)組的字符串形式囚巴。
- push方法用于在數(shù)組的末端添加一個或多個元素原在，并返回添加新元素后的數(shù)組長度。注意彤叉，該方法會改變原數(shù)組庶柿。
- pop方法用于刪除數(shù)組的最后一個元素，并返回該元素姆坚。注意澳泵，該方法會改變原數(shù)組。
- shift方法用于刪除數(shù)組的第一個元素兼呵，并返回該元素兔辅。注意，該方法會改變原數(shù)組击喂。
- push和shift結(jié)合使用维苔，就構(gòu)成了“先進先出”的隊列結(jié)構(gòu)（queue）。

unshift方法用于在數(shù)組的第一個位置添加元素懂昂，并返回添加新元素后的數(shù)組長度介时。注意，該方法會改變原數(shù)組凌彬。
- join方法以指定參數(shù)作為分隔符沸柔，將所有數(shù)組成員連接為一個字符串返回。如果不提供參數(shù)铲敛，默認(rèn)用逗號分隔褐澎。
- concat方法用于多個數(shù)組的合并。它將新數(shù)組的成員伐蒋，添加到原數(shù)組成員的后部工三，然后返回一個新數(shù)組迁酸，原數(shù)組不變。
- reverse方法用于顛倒排列數(shù)組元素俭正，返回改變后的數(shù)組浸须。注意涤躲，該方法將改變原數(shù)組蓄髓。
- slice方法用于提取目標(biāo)數(shù)組的一部分否彩，返回一個新數(shù)組，原數(shù)組不變儿惫。
- splice方法用于刪除原數(shù)組的一部分成員抑淫，并可以在刪除的位置添加新的數(shù)組成員，返回值是被刪除的元素姥闪。注意始苇，該方法會改變原數(shù)組。
- sort方法對數(shù)組成員進行排序筐喳，默認(rèn)是按照字典順序排序催式。排序后，原數(shù)組將被改變避归。
- map方法將數(shù)組的所有成員依次傳入?yún)?shù)函數(shù)荣月，然后把每一次的執(zhí)行結(jié)果組成一個新數(shù)組返回。
- forEach方法與map方法很相似梳毙，也是對數(shù)組的所有成員依次執(zhí)行參數(shù)函數(shù)哺窄。但是，forEach方法不返回值账锹，只用來操作數(shù)據(jù)萌业。這就是說，如果數(shù)組遍歷的目的是為了得到返回值奸柬，那么使用map方法生年，否則使用forEach方法。
- filter方法用于過濾數(shù)組成員廓奕，滿足條件的成員組成一個新數(shù)組返回抱婉。
- some方法是只要一個成員的返回值是true，則整個some方法的返回值就是true桌粉，否則返回false蒸绩。
- every方法是所有成員的返回值都是true，整個every方法才返回true铃肯，否則返回false患亿。
- reduce方法和reduceRight方法依次處理數(shù)組的每個成員，最終累計為一個值缘薛。它們的差別是窍育，reduce是從左到右處理（從第一個成員到最后一個成員），reduceRight則是從右到左（從最后一個成員到第一個成員）宴胧，其他完全一樣漱抓。
- indexOf方法返回給定元素在數(shù)組中第一次出現(xiàn)的位置，如果沒有出現(xiàn)則返回-1恕齐。
- lastIndexOf方法返回給定元素在數(shù)組中最后一次出現(xiàn)的位置乞娄，如果沒有出現(xiàn)則返回-1。

數(shù)組的常用性思考:

1.數(shù)組成員的增刪改查和遍歷
2.數(shù)組的出現(xiàn)就是要區(qū)別于簡單的對象,他存在的意義就是數(shù)據(jù)的結(jié)構(gòu)性
3.數(shù)組的排序,講究的是內(nèi)存區(qū)域的位置順序而與數(shù)據(jù)類型無關(guān),所以一個數(shù)組可以存放多種不同類型的數(shù)據(jù)
4.因為數(shù)據(jù)是牽涉到數(shù)據(jù)結(jié)構(gòu)的對象,所以數(shù)據(jù)的很多API是會修改原來數(shù)組的
5.數(shù)組和偽數(shù)組的本質(zhì)區(qū)別在于原型鏈不同,偽數(shù)組是沒有繼承Array.prototy.xxxx一系列方法的
6.上面這些數(shù)組方法之中显歧，有不少返回的還是數(shù)組仪或，所以可以鏈?zhǔn)绞褂谩?br> 7.push和pop結(jié)合使用，就構(gòu)成了“后進先出”的棧結(jié)構(gòu)（stack）士骤。
8.push和shift結(jié)合使用范删，就構(gòu)成了“先進先出”的隊列結(jié)構(gòu)（queue）。

NumberAPI

number.png

• Number對象部署了自己的toString方法拷肌，用來將一個數(shù)值轉(zhuǎn)為字符串形式到旦。
• toFixed方法先將一個數(shù)轉(zhuǎn)為指定位數(shù)的小數(shù)，然后返回這個小數(shù)對應(yīng)的字符串巨缘。
• toExponential方法用于將一個數(shù)轉(zhuǎn)為科學(xué)計數(shù)法形式添忘。
• toPrecision方法用于將一個數(shù)轉(zhuǎn)為指定位數(shù)的有效數(shù)字。

包裝對象

包裝的意義就在于,更改原數(shù)據(jù)的原型鏈,這才真正實現(xiàn)了JavaScript一切都是對象的定義

• valueOf方法返回包裝對象實例對應(yīng)的原始類型的值若锁。

new Number(123).valueOf()  // 123
new String('abc').valueOf() // "abc"
new Boolean(true).valueOf() // true

• toString方法返回對應(yīng)的字符串形式搁骑。

new Number(123).toString() // "123"
new String('abc').toString() // "abc"
new Boolean(true).toString() // "true"

stringAPI

string.png

常用屬性思路:

1.字符是單個的,字符串就是一個字符的數(shù)組,應(yīng)該有很多類似Array.prototy.xxx的方法
2.牽涉到字符,肯定也會牽涉到Unicode編碼
3.字符串和數(shù)組有點不同,數(shù)組側(cè)重點在于改變數(shù)據(jù)結(jié)構(gòu),所以很多API會改變數(shù)組本身,而字符串側(cè)重點在于取值,所以和數(shù)組很多類似的API不會改變字符串本身而是返回一個新對象
4.字串的增刪改查

• String對象提供的靜態(tài)方法（即定義在對象本身，而不是定義在對象實例的方法）又固，主要是String.fromCharCode()仲器。該方法的參數(shù)是一個或多個數(shù)值，代表 Unicode 碼點仰冠，返回值是這些碼點組成的字符串娄周。
• 字符串實例的length屬性返回字符串的長度。
• charAt方法返回指定位置的字符沪停，參數(shù)是從0開始編號的位置煤辨。
• charCodeAt方法返回字符串指定位置的 Unicode 碼點（十進制表示），相當(dāng)于String.fromCharCode()的逆操作木张。
• concat方法用于連接兩個字符串众辨，返回一個新字符串，不改變原字符串舷礼。
• slice方法用于從原字符串取出子字符串并返回鹃彻，不改變原字符串。它的第一個參數(shù)是子字符串的開始位置妻献，第二個參數(shù)是子字符串的結(jié)束位置（不含該位置）蛛株。
• substring方法用于從原字符串取出子字符串并返回团赁，不改變原字符串，跟slice方法很相像谨履。它的第一個參數(shù)表示子字符串的開始位置欢摄，第二個位置表示結(jié)束位置（返回結(jié)果不含該位置）。
• substr方法用于從原字符串取出子字符串并返回笋粟，不改變原字符串怀挠，跟slice和substring方法的作用相同。

substr方法的第一個參數(shù)是子字符串的開始位置（從0開始計算）害捕，第二個參數(shù)是子字符串的長度绿淋。

• indexOf方法用于確定一個字符串在另一個字符串中第一次出現(xiàn)的位置，返回結(jié)果是匹配開始的位置尝盼。如果返回-1吞滞，就表示不匹配。
• trim方法用于去除字符串兩端的空格盾沫，返回一個新字符串冯吓，不改變原字符串。
• toLowerCase方法用于將一個字符串全部轉(zhuǎn)為小寫疮跑，toUpperCase則是全部轉(zhuǎn)為大寫组贺。它們都返回一個新字符串，不改變原字符串祖娘。
• match方法用于確定原字符串是否匹配某個子字符串失尖，返回一個數(shù)組，成員為匹配的第一個字符串渐苏。如果沒有找到匹配掀潮，則返回null。
• search方法的用法基本等同于match琼富，但是返回值為匹配的第一個位置仪吧。如果沒有找到匹配，則返回-1鞠眉。
• split方法按照給定規(guī)則分割字符串薯鼠，返回一個由分割出來的子字符串組成的數(shù)組。
• localeCompare方法用于比較兩個字符串械蹋。它返回一個整數(shù)出皇，如果小于0，表示第一個字符串小于第二個字符串哗戈；如果等于0郊艘，表示兩者相等；如果大于0，表示第一個字符串大于第二個字符串纱注。

mathAPI

math.png

• Math.abs方法返回參數(shù)值的絕對值畏浆。
• Math.max方法返回參數(shù)之中最大的那個值，Math.min返回最小的那個值狞贱。如果參數(shù)為空, Math.min返回Infinity, Math.max返回-Infinity刻获。
• Math.floor方法小于參數(shù)值的最大整數(shù)（地板值）。
• Math.round方法用于四舍五入斥滤。
• Math.pow方法返回以第一個參數(shù)為底數(shù)、第二個參數(shù)為冪的指數(shù)值勉盅。
• Math.sqrt方法返回參數(shù)值的平方根佑颇。如果參數(shù)是一個負(fù)值，則返回NaN草娜。
• Math.log方法返回以e為底的自然對數(shù)值挑胸。
• Math.exp方法返回常數(shù)e的參數(shù)次方。
• Math.random()返回0到1之間的一個偽隨機數(shù)宰闰，可能等于0茬贵，但是一定小于1。

Math對象還提供一系列三角函數(shù)方法移袍。

Math.sin()：返回參數(shù)的正弦（參數(shù)為弧度值）
Math.cos()：返回參數(shù)的余弦（參數(shù)為弧度值）
Math.tan()：返回參數(shù)的正切（參數(shù)為弧度值）
Math.asin()：返回參數(shù)的反正弦（返回值為弧度值）
Math.acos()：返回參數(shù)的反余弦（返回值為弧度值）
Math.atan()：返回參數(shù)的反正切（返回值為弧度值）

DateAPI

• Date.now方法返回當(dāng)前時間距離時間零點（1970年1月1日 00:00:00 UTC）的毫秒數(shù)解藻，相當(dāng)于 Unix 時間戳乘以1000。
• Date.parse方法用來解析日期字符串葡盗，返回該時間距離時間零點（1970年1月1日 00:00:00）的毫秒數(shù)螟左。
• Date.UTC方法接受年、月觅够、日等變量作為參數(shù)胶背，返回該時間距離時間零點（1970年1月1日 00:00:00 UTC）的毫秒數(shù)。
• valueOf方法返回實例對象距離時間零點（1970年1月1日00:00:00 UTC）對應(yīng)的毫秒數(shù)喘先，該方法等同于getTime方法钳吟。

//Date對象提供了一系列g(shù)et*方法，用來獲取實例對象某個方面的值窘拯。
getTime()：返回實例距離1970年1月1日00:00:00的毫秒數(shù)红且，等同于valueOf方法。
getDate()：返回實例對象對應(yīng)每個月的幾號（從1開始）涤姊。
getDay()：返回星期幾直焙，星期日為0，星期一為1砂轻，以此類推奔誓。
getYear()：返回距離1900的年數(shù)。
getFullYear()：返回四位的年份。
getMonth()：返回月份（0表示1月厨喂，11表示12月）和措。
getHours()：返回小時（0-23）。
getMilliseconds()：返回毫秒（0-999）蜕煌。
getMinutes()：返回分鐘（0-59）派阱。
getSeconds()：返回秒（0-59）。
getTimezoneOffset()：返回當(dāng)前時間與 UTC 的時區(qū)差異斜纪，以分鐘表示贫母，返回結(jié)果考慮到了夏令時因素。
//上面這些get*方法返回的都是當(dāng)前時區(qū)的時間盒刚，Date對象還提供了這些方法對應(yīng)的 UTC 版本腺劣，用來返回 UTC 時間。
getUTCDate()
getUTCFullYear()
getUTCMonth()
getUTCDay()
getUTCHours()
getUTCMinutes()
getUTCSeconds()
getUTCMilliseconds()

Date對象提供了一系列set*方法因块，用來設(shè)置實例對象的各個方面橘原。

setDate(date)：設(shè)置實例對象對應(yīng)的每個月的幾號（1-31），返回改變后毫秒時間戳涡上。
setYear(year): 設(shè)置距離1900年的年數(shù)趾断。
setFullYear(year [, month, date])：設(shè)置四位年份。
setHours(hour [, min, sec, ms])：設(shè)置小時（0-23）吩愧。
setMilliseconds()：設(shè)置毫秒（0-999）芋酌。
setMinutes(min [, sec, ms])：設(shè)置分鐘（0-59）。
setMonth(month [, date])：設(shè)置月份（0-11）雁佳。
setSeconds(sec [, ms])：設(shè)置秒（0-59）隔嫡。
setTime(milliseconds)：設(shè)置毫秒時間戳。
//set*系列方法除了setTime()和setYear()甘穿，都有對應(yīng)的 UTC 版本腮恩，即設(shè)置 UTC 時區(qū)的時間。

setUTCDate()
setUTCFullYear()
setUTCHours()
setUTCMilliseconds()
setUTCMinutes()
setUTCMonth()
setUTCSeconds()

正則表達式API

zhengze.png

• 正則實例對象的test方法返回一個布爾值温兼，表示當(dāng)前模式是否能匹配參數(shù)字符串秸滴。
• 正則實例對象的exec方法，用來返回匹配結(jié)果募判。如果發(fā)現(xiàn)匹配荡含，就返回一個數(shù)組，成員是匹配成功的子字符串届垫，否則返回null释液。
• 字符串實例對象的match方法對字符串進行正則匹配，返回匹配結(jié)果装处。
• 字符串對象的search方法误债，返回第一個滿足條件的匹配結(jié)果在整個字符串中的位置。如果沒有任何匹配，則返回-1寝蹈。
• 字符串對象的replace方法可以替換匹配的值李命。它接受兩個參數(shù)，第一個是正則表達式箫老，表示搜索模式封字，第二個是替換的內(nèi)容。
• 字符串對象的split方法按照正則規(guī)則分割字符串耍鬓，返回一個由分割后的各個部分組成的數(shù)組阔籽。

jsonAPI

json.png

• JSON.stringify方法用于將一個值轉(zhuǎn)為 JSON 字符串。該字符串符合 JSON 格式牲蜀，并且可以被JSON.parse方法還原笆制。
• JSON.parse方法用于將 JSON 字符串轉(zhuǎn)換成對應(yīng)的值。

consoleAPI

console.png

屬性描述對象API

kongzhi.png

意外收獲

!!el&&el.NodeType ===1
//為什么要這樣寫代碼來判斷是否是元素節(jié)點呢?
//因為JavaScript是動態(tài)語言,類型可以轉(zhuǎn)換,再加上,使用xxx.NodeType這些掛載在對象屬性上的方法,是可以偽造的

var a = {
NodeType:1
}

//如上所示,這樣是不是把a也當(dāng)做一個元素啦?
所以基于這些原因,當(dāng)JavaScript 代碼要做判斷的時候往往要用上&&來進行多層篩選,這樣才能確保達到我們的目的