1.數(shù)據(jù)類型
基本數(shù)據(jù)類型
string、number、null、undefined、boolean
引用類型：
funaction、obj、array
判斷數(shù)據(jù)類型可以用typeof，如果是引用類型用instanceof
typeof 一般只能返回如下幾個(gè)結(jié)果："number"、"string"、"boolean"、"object"、"function" 和 "undefined"。?
instanceof運(yùn)算符用來測試一個(gè)對象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的prototype屬性。
instanceof 檢測一個(gè)對象A是不是另一個(gè)對象B的實(shí)例的原理是：查看對象B的prototype指向的對象是否在對象A的[[prototype]]鏈上。如果在，則返回true,如果不在則返回false。不過有一個(gè)特殊的情況，當(dāng)對象B的prototype為null將會(huì)報(bào)錯(cuò)(類似于空指針異常)。
instanceof 具體實(shí)現(xiàn)：
可以在繼承關(guān)系中用來判斷一個(gè)實(shí)例是否屬于它的父類型:
例如：function Foo(){}
Foo.prototype =newAoo();//JavaScript 原型繼承 varfoo =new Foo();
console.log(foo instanceofFoo)//true console.log(fooinstanceofAoo)//true
2.類數(shù)組和數(shù)組
1）擁有l(wèi)ength屬性，其它屬性（索引）為非負(fù)整數(shù)（對象中的索引會(huì)被當(dāng)做字符串來處理）;
2）不具有數(shù)組所具有的方法；
類數(shù)組是一個(gè)普通對象，而真實(shí)的數(shù)組是Array類型。
常見的類數(shù)組有: 函數(shù)的參數(shù) arguments, DOM 對象列表(比如通過 document.querySelectorAll 得到的列表), jQuery 對象 (比如 $(“div”)).
類數(shù)組可以轉(zhuǎn)換為數(shù)組:
//第一種方法
Array.prototype.slice.call(arrayLike, start);
//第二種方法 擴(kuò)展運(yùn)算符
[...arrayLike];
//第三種方法:? Array.from()方法?
Array.from(arrayLike);
3.原型、原型鏈?
所有的js對象都有一個(gè)prototype屬性，指向他的原型對象。當(dāng)試圖訪問這個(gè)對象的屬性時(shí)，如果在這個(gè)對象上面沒有找到，他會(huì)搜尋該對象的原型，依次層層向上搜索，直到找到一個(gè)名字匹配的屬性或達(dá)到原型鏈的末尾。
4.原型、構(gòu)造函數(shù)、實(shí)例
實(shí)例：var obj=new Object();
1.每個(gè)構(gòu)造函數(shù)都有一個(gè)原型對象。 每個(gè)構(gòu)造函數(shù)本身都是一個(gè)對象，它有一個(gè)屬性叫做prototype，它是一個(gè)對象。
2.原型對象都包含一個(gè)指向構(gòu)造函數(shù)的指針。
3.實(shí)例都有一個(gè)屬性叫做_proto_，它是個(gè)指針，指向原型對象。
4.繼承? ?理解js繼承的6種方式 - Grace-zyy - 博客園
1.原型鏈繼承?
2.借用構(gòu)造函數(shù)繼承?.call()和.apply()
3.組合繼承（組合原型鏈繼承和借用構(gòu)造函數(shù)繼承）（常用）?
? ? 在子類的構(gòu)造函數(shù)中通過parent.call(this)繼承父類的屬性，然后改變子類的原型為new parent()來繼承父類的函數(shù)
4.寄生式繼承
5.寄生組合式繼承（常用）
? ? 將父類的原型賦值給子類，并且將構(gòu)造函數(shù)設(shè)置為子類
6.class 繼承
? ? 使用extends表明繼承自哪個(gè)父類，并且在子類構(gòu)造函數(shù)中必須調(diào)用super
5. 數(shù)組
去重：
（1）Array.sort()
首先使用 sort() 將數(shù)組進(jìn)行排序，然后比較相鄰元素是否相等，從而排除重復(fù)項(xiàng)
function distinct(a, b) {
? ? let arr = a.concat(b)
? ? arr = arr.sort()
? ? let result = [arr[0]]
? ? for(let i=1, len=arr.length; i
? ? ? ? arr[i] !== arr[i-1] && result.push(arr[i])
? ? }
? ? return result
}
（2）new Set()??Set 的成員具有唯一性
function distinct(a, b) {
? ? returnArray.from(new Set([...a, ...b]))
}
（3）二、Array.filter() + indexOf
這個(gè)方法的思路是，將兩個(gè)數(shù)組拼接為一個(gè)數(shù)組，然后使用 ES6 中的Array.filter()?遍歷數(shù)組，并結(jié)合 indexOf 來排除重復(fù)項(xiàng)
function distinct(a, b) {
? ? let arr = a.concat(b);
? ? return arr.filter((item, index)=> {
? ? ? ? return arr.indexOf(item) === index
? ? })
}
排序：JS中的算法與數(shù)據(jù)結(jié)構(gòu)——排序（Sort） - 簡書
冒泡排序（排序最慢）：比較相鄰的元素。如果第一個(gè)比第二個(gè)大，就交換它們兩個(gè)
選擇排序：從數(shù)組的開頭開始遍歷，將第一個(gè)元素和其他元素分別進(jìn)行比較，記錄最小的元素，等循環(huán)結(jié)束之后，將最小的元素放到數(shù)組的第一個(gè)位置上，然后從數(shù)組的第二個(gè)位置開始繼續(xù)執(zhí)行上述步驟。當(dāng)進(jìn)行到數(shù)組倒數(shù)第二個(gè)位置的時(shí)候，所有的數(shù)據(jù)就完成了排序。
快速排序（遞歸）：該算法首先要從數(shù)列中選出一個(gè)元素作為基數(shù)（pivot）。接著所有的數(shù)據(jù)都將圍繞這個(gè)基數(shù)進(jìn)行，將小于改基數(shù)的元素放在它的左邊，大于或等于它的數(shù)全部放在它的右邊，對左右兩個(gè)小數(shù)列重復(fù)上述步驟，直至各區(qū)間只有1個(gè)數(shù)。
//快速排序functionquickSort( arr ){if( arr.length ==0) {return[]; }varleft = [];varright = [];varpivot = arr[0];for(vari =1; i < arr.length; i++) {if(arr[i] < pivot) { left.push( arr[i] ); }else{ right.push( arr[i] ); } }returnquickSort( left ).concat( pivot, quickSort( right ));}
插入排序、 希爾排序、sort排序
最大值、最小值：
* 數(shù)組sort()排序
* apply
* for 循環(huán)
var data = [1,25,3,4.23]
var maxData = minData= data[0];
for (var i = 0; i < data.length; i++) {
if (data[i]>maxData) {
maxData = data[i]; ?// 最大值
};
if (data[i]<minData) {
minData = data[i]; ?// 最小值
}
}?
6.閉包
定義：函數(shù)A里面有一個(gè)函數(shù)B，函數(shù)B可以調(diào)用函數(shù)A的變量，函數(shù)B就是閉包
優(yōu)勢：
a.函數(shù)外部可以讀取函數(shù)內(nèi)部的局部變量,實(shí)現(xiàn)變量數(shù)據(jù)共享
b.保存變量不會(huì)被銷毀，始終存在在內(nèi)存中
劣勢：
a.保存變量，增加內(nèi)存開銷 （?相當(dāng)于返回一個(gè)函數(shù)，延遲處理）
b.在Ie中可能導(dǎo)致內(nèi)存泄漏，網(wǎng)頁性能降低
解決辦法：
a.退出函數(shù)之前，將不使用的局部變量全部刪除? eg: str=undefined;
b.使用settimeout，通過第三個(gè)參數(shù)傳入變量
c.使用塊級作用域，讓變量成為上下文的屬性，避免共享,eg:
for(vari= 0; i< list.length; i ++){
? ? list[i].addEventListener('click',function(){
? ? ? ? console.log(i)
? ? })
}
1.利用let塊級作用域的特性?? for(let i= 0; i< list.length; i ++){ }
2. 匿名自執(zhí)行函數(shù)
(function() {
????var days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
????today = new Date(),
????msg = 'Today is ' + days[today.getDay()] + ', ' + today.getDate(); alert(msg);
} ());?
使用場景：
a.循環(huán)遍歷嵌套定時(shí)器
7.內(nèi)存泄漏
定義：由于疏忽或錯(cuò)誤造成程序未能釋放已經(jīng)不再使用的內(nèi)存。
原因：
a.意外的全局變量,無法回收
b.定時(shí)器，未被正確關(guān)閉，導(dǎo)致所用的外部變量無法被釋放
c.閉包
d.DOM泄漏：
游覽器中DOM和js采用的是不一樣的引擎，DOM采用的是渲染引擎，而js采用的是v8引擎，所以在用js操作DOM時(shí)會(huì)比較耗費(fèi)性能，因?yàn)樗麄冃枰獦騺礞溄铀麄?。為了減少DOM的操作，我們一般將常用的DOM。我們會(huì)采用變量引用的方式會(huì)將其緩存在當(dāng)前環(huán)境。如果在進(jìn)行一些刪除、更新操作之后，可能會(huì)忘記釋放已經(jīng)緩存的DOM，話不多說直接來個(gè)例子
e.console.log
?在代碼運(yùn)行之后需要在開發(fā)工具能查看對象信息，所以傳遞給console.log的對象是不能被垃圾回收。
