最全JavaScript知識點總結

面向對象的三大特點：繼承、封裝、多態
1、JS中通過prototype實現原型繼承
2、JS對象可以通過對象冒充，實現多重繼承，
3、Object類是所有Js類的基類
4、通過function對對象進行封裝
5、通過使用arguments實現參數重載
6、ES6語法糖可以直接定義類class,繼承對象extends

1.基本數據類型：
Undefined:代表一切未知的事物，啥都沒有，無法想象，代碼也就更無法去處理了。
 注意：typeof(Undefined) 返回也是 Undefined。可以將Undefined賦值給任何變量或屬性，但并不意味了清除了該變量，反而會因此多了一個屬性。
 
Null:有那么一個概念，但沒有東西。無中似有，有中還無。雖難以想象，但已經可以用代碼來處理了。
 注意：typeof(Null)返回Object，但Null并非Object，具有Null值的變量也并非object。
 
Boolean:是就是，非就非，沒有疑義。對就對，錯就錯，絕對明確。既能被代碼處理，也可以控制代碼的流程。
Number:線性的事物，大小和次序分明，多而不亂。便于代碼進行批量處理，也控制代碼的迭代和循環等。
 注意：typeof(NaN)和typeof(Infinity)都返回number 。NaN參與任何數值計算的結構都是NaN，
 而且 NaN != NaN 。Infinity / Infinity = NaN 。
 
String:面向人類的理性事物，而不是機器信號。人機信息溝通，代碼據此理解人的意圖等等，都靠它了。
2.引用數據類型：Object、Array、Function

1、typeof
2、prototype
3、instanceof
4、constructor
5、Object.prototype.toString.call(a)
注意 ： typeof null === Object

JS中所有的對象都繼承自Object
創建一個新對象： 
var person = new Object();
person.name = "狼狼的藍胖子";
person.age = 25;
constructor屬性是保存當前對象的構造函數，前面的例子中，constructor保存的就是Object方法。
hasOwnProperty方法接收一個字符串參數，該參數表示屬性名稱，用來判斷該屬性是否在當前對象實例中，而不是在對象的原型鏈中。
isPrototype方法接收一個對象，用來判斷當前對象是否在傳入的參數對象的原型鏈上

Concat() 連接兩個或更多數組
splice(index,len,[item]) 刪除元素，并向數組添加一個新元素。
Slice() 從某個已有的數組返回選定的元素
Join() 把數組的所有元素放入一個字符串，元素通過指定的分隔符進行分割
push() 在數組后添加元素，并返回新的長度
unshift() 在數組最前添加元素
pop() 刪除數組最后一個元素并返回該元素的值
reverse() 顛倒數組中元素的順序
shift() 刪除并返回數組中第一個元素
sort() 對數組元素進行排序
toSource() 返回該對象的源代碼
toString() 把數組轉換為字符串并返回結果
toLocaleString() 把數組轉換為本地數組，并返回結果
valueOf() 返回對象的原始值

兩種自定義函數的方法 1.function fnName(){} 2. var fnName=function(){}
函數的返回值：1.當函數無明確返回值時，函數返回undefined。2.有返回值返回。
函數的參數列表是可變的，數據類型也是任意數據類型，JS中有一個變量，argument可以訪問所有傳到函數內部的參數。
Js支持創建動態函數，動態函數必須用Function對象來定義。
創建動態函數的基本格式：
var 變量名 = new Function("參數1"，"參數2"，"參數n"，"執行語句");
var add = new Function("x", "y", "return(x+y)");
JavaScript不支持函數的重載。如果兩個方法名字一樣，即使參數個數不一樣，那么后面定義的就會覆蓋前面定義，調用方法時永遠是調用后定義的那個。

通過XMLHttpRequest對象來向服務器發送異步請求，從服務器獲取數據。然后用JavaScript來操作DOM而更新頁面。
XMLHttpRequest是ajax的核心機制，它是IE5中首先引入的，是一種支持異步請求的技術。簡單的說，也就是JavaScript可以及時的向服務器提出請求并及時響應。而不阻塞用 戶。達到無刷新效果。由事件觸發，創建一個XMLHttpRequest對象，把HTTP方法 （POST/GET）和目標URL以及請求返回后的回調函數設置到XMLHttpRequest對象，通過 XMLHttpRequest向服務器發送請求，請求發送后繼續響應用戶的界面交互，只有等到請求真正從服務器返回的時候才調用callback()函數，對響應數據進行處理。
Function ajax(){
If(window.XMLHttpRequest){
 Var xhr =new XMLHttpRequest();
 }else{
 Var xhr=new ActiveXObject(‘Microsoft.XMLHTTP’);
 }
 Xhr.onreadystatechange=function(){
 If(xhr.readState==4){}
 }
}

閉包就是能夠讀取其他函數內部變量的函數。由于在JavaScript語言中，只有函數的內部的子函數才能讀取局部變量，因此可以把閉包簡單理解成“定義在函數內部的函數”。所以 在本質上，閉包就是講函數內部和函數外部鏈接起來的一座橋梁。
閉包的用途：1.獲取函數內部的局部變量。2.讓這些變量始終保持在內存中。
注意：1.由于閉包會使得函數中的變量一直保存在內存中，所以不能濫用閉包，容易導致內存泄漏，影響網頁性能，解決方法就是在退出函數之前，將不再使用的變量全部刪除 （delete）；2閉包會在父函數外部，改變父函數內部變量的值。所以，如果你把父函數當作對象（object）使用，把閉包當作它的公用方法（Public Method），把內部變量當 作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數內部變量的值。

This總是指向一個對象，具體是運行時基于函數的執行環境動態綁定的，而非函數被聲明時的環境。
普通函數調用時，一般指向window對象；
對象方法調用時，指向該對象；
如果對象方法里有局部方法，里面的this會指向window對象；
在ES5模式下，this指向window的都會變成undefined；
Apply，call時，動態改變this

Prototype 原型繼承
Call()
Apply()
//模擬extend
 var extend=function(target,source){
 for(property in source)
 {
 if(target.hasOwnProperty(property))
 {
 target[property]=source[property];
 }else{
 target.property=source[property];
 }
 }
 return target;
 }

首先要理解原型
每個JS對象都有一個prototype原型屬性，指向該對象繼承的原型。
原型對象上有一個 constructor 屬性，該屬性指向的就是構造函數。
而實例對象上有一個 __proto__ 屬性，該屬性也指向原型對象，并且該屬性不是標準屬性，不可以用在編程中，該屬性用于瀏覽器內部使用。
原型鏈：其實就是有限的實例對象和原型之間組成有限鏈，就是用來實現共享屬性和繼承的。