JavaScript知識點總結

1.JS面向對象的理解

面向對象的三大特色:繼承、封裝、多態
一、JS中經過prototype實現原型繼承
二、JS對象能夠經過對象冒充,實現多重繼承,
三、Object類是全部Js類的基類
四、經過function對對象進行封裝
五、經過使用arguments實現參數重載
六、ES6語法糖能夠直接定義類class,繼承對象extends

2.JS數據類型

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
3.ES6新增的數據類型 
    Set集合 :set與數組不一樣在於set中不能夠有重複數據,經常使用於去重操做
    Map: 用map能夠避免鍵值必須爲字符串的限制,其鍵值能夠爲對象、數組等
    Symbol類型: 用相同的字符串對對象屬性名或方法進行命名時會發生命名衝突,而使用symbol產生的名字是不一樣的

3.JS判斷數據類型的幾種方法

一、typeof
二、prototype
三、instanceof
四、constructor
五、Object.prototype.toString.call(a)
注意 :  typeof 1 // "number"
        typeof '1' // "string"
        typeof true // "boolean"
        typeof Symbol(1) // "symbol"
        typeof {} // "object"
        typeof [] // "object",小坑
        typeof function(){} // "function"
        typeof Symbol(1) // "symbol"
        typeof undefined // "undefined"
        typeof null // "object",出名的坑

區別:
    1.typeof null === Object 沒法判斷出function(有些瀏覽器會出錯)、array、regExp
    2. instanceof主要是判斷引用類型,用來測試一個對象在其原型鏈中是否存在一個構造函數的 prototype 屬性。
    3.Object.prototype.toString是對象的一個原生原型擴展函數,用來精確的區分數據類型(最保險,不容易出錯的判斷方法)

4.Object對象的認知

JS中全部的對象都繼承自Object
建立一個新對象: 

var person = new Object();
person.name = "我有貓你沒有";
person.age = 25;

constructor屬性是保存當前對象的構造函數,前面的例子中,constructor保存的就是Object方法。
hasOwnProperty方法接收一個字符串參數,該參數表示屬性名稱,用來判斷該屬性是否在當前對象實例中,而不是在對象的原型鏈中。
isPrototype方法接收一個對象,用來判斷當前對象是否在傳入的參數對象的原型鏈上

4.Array數據的一些方法用法

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

數組循環的幾種方式和區別

1.map() 返回一個新數組,數組中的元素爲原始數組元素調用函數處理後的值(須要直接修改數組時可以使用)
2.foreach() 用於調用數組的每一個元素,並將元素傳遞給回調函數,只是遍歷一次數組,不會去修改原數組(獲取數據某些內容時使用)
3.filter() 建立一個新的數組,新數組中的元素是原始數組經過檢查返回值爲true的項(過濾數據時使用)
4.every() 用於檢測數組全部元素是否都符合指定條件,若是數組中檢測到有一個元素不知足,則整個表達式返回false,且剩餘元素不會再進行檢測;若是全部元素都知足條件,則返回true
5.some() 於檢測數組中是否有元素知足指定條件(函數),若是有一個元素知足條件,則表達式返回true,剩餘元素再也不執行檢測;若是沒有知足條件的元素,則返回false
6. reduce() 數組累加器和數組中的每一個元素 (從左到右)應用一個函數,將其減小爲單個值

5.Function函數的理解

兩種自定義函數的方法 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不支持函數的重載。若是兩個方法名字同樣,即便參數個數不同,那麼後面定義的就會覆蓋前面定義,調用方法時永遠是調用後定義的那個。

6.Ajax請求的原理

經過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){}
    }
}

7.JS閉包(Closure)

閉包就是可以讀取其餘函數內部變量的函數。因爲在JavaScript語言中,只有函數的內部的子函數才能讀取局部變量,所以能夠把閉包簡單理解成「定義在函數內部的函數」。因此    在本質上,閉包就是講函數內部和函數外部連接起來的一座橋樑。
閉包的用途:1.獲取函數內部的局部變量。2.讓這些變量始終保持在內存中。
注意:1.因爲閉包會使得函數中的變量一直保存在內存中,因此不能濫用閉包,容易致使內存泄漏,影響網頁性能,解決方法就是在退出函數以前,將再也不使用的變量所有刪除        (delete);2閉包會在父函數外部,改變父函數內部變量的值。因此,若是你把父函數看成對象(object)使用,把閉包看成它的公用方法(Public Method),把內部變量當        做它的私有屬性(private value),這時必定要當心,不要隨便改變父函數內部變量的值。

8.this的工做原理

This老是指向一個對象,具體是運行時基於函數的執行環境動態綁定的,而非函數被聲明時的環境。
普通函數調用時,通常指向window對象;
對象方法調用時,指向該對象;
若是對象方法裏有局部方法,裏面的this會指向window對象;
在ES5模式下,this指向window的都會變成undefined;
Apply,call時,動態改變this

9.JS中繼承的幾種方法

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;
 }

10.原型鏈ajax

首先要理解原型
每一個JS對象都有一個prototype原型屬性,指向該對象繼承的原型。
原型對象上有一個 constructor 屬性,該屬性指向的就是構造函數。
而實例對象上有一個 __proto__  屬性,該屬性也指向原型對象,而且該屬性不是標準屬性,不能夠用在編程中,該屬性用於瀏覽器內部使用。

原型鏈:其實就是有限的實例對象和原型之間組成有限鏈,就是用來實現共享屬性和繼承的。

11.JS中的事件機制編程

12.數組

相關文章
相關標籤/搜索