濟(jì)南網(wǎng)站建設(shè)文匯軟件小編整理了前端開發(fā)中JS的知識點干貨 希望大家喜歡。

理解JavaScript面向?qū)ο缶幊?/p>

面向?qū)ο蟮娜筇攸c：繼承、封裝、多態(tài)

1、JS中通過prototype實現(xiàn)原型繼承

2、JS對象可以通過對象冒充，實現(xiàn)多重繼承

3、Object類是所有Js類的基類

4、通過function對對象進(jìn)行封裝

5、通過使用arguments實現(xiàn)參數(shù)重載

6、ES6語法糖可以直接定義類class,繼承對象extends

8個JavaScript數(shù)據(jù)類型

1.基本數(shù)據(jù)類型：

Undefined:代表一切未知的事物，啥都沒有，無法想象，代碼也就更無法去處理了。

注意：typeof(Undefined) 返回也是 Undefined。可以將Undefined賦值給任何變量或?qū)傩裕⒉灰馕读饲宄嗽撟兞浚炊鴷虼硕嗔艘粋€屬性。

Null:有那么一個概念，但沒有東西。無中似有，有中還無。雖難以想象，但已經(jīng)可以用代碼來處理了。

注意：typeof(Null)返回Object，但Null并非Object，具有Null值的變量也并非object。

Boolean:布爾類型，true or false，是就是，非就非，沒有疑義。對就對，錯就錯，絕對明確。既能被代碼處理，也可以控制代碼的流程。

Number:線性的事物，大小和次序分明，多而不亂。便于代碼進(jìn)行批量處理，也控制代碼的迭代和循環(huán)等。

注意：typeof(NaN)和typeof(Infinity)都返回number 。

NaN參與任何數(shù)值計算的結(jié)構(gòu)都是NaN，而且 NaN != NaN 。Infinity / Infinity = NaN 。

String:字符串類型，面向人類的理性事物，而不是機(jī)器信號。人機(jī)信息溝通，代碼據(jù)此理解人的意圖等等，都靠它了。

2.引用數(shù)據(jù)類型：Object、Array、Function

判斷數(shù)據(jù)類型的幾種方法

1、typeof

2、prototype

3、instanceof

4、constructor

5、Object.prototype.toString.call(a)

注意 ： typeof null === Object

Object對象

JavaScript中所有的對象都繼承自O(shè)bject

constructor屬性是保存當(dāng)前對象的構(gòu)造函數(shù)，前面的例子中，constructor保存的就是Object方法。

hasOwnProperty方法接收一個字符串參數(shù)，該參數(shù)表示屬性名稱，用來判斷該屬性是否在當(dāng)前對象實例中，而不是在對象的原型鏈中。

isPrototype方法接收一個對象，用來判斷當(dāng)前對象是否在傳入的參數(shù)對象的原型鏈上

Array數(shù)據(jù)的一些方法用法

Concat() 連接兩個或更多數(shù)組

splice(index,len,[item]) 刪除元素，并向數(shù)組添加一個新元素。

Slice() 從某個已有的數(shù)組返回選定的元素

Join() 把數(shù)組的所有元素放入一個字符串，元素通過指定的分隔符進(jìn)行分割

push() 在數(shù)組后添加元素，并返回新的長度

unshift() 在數(shù)組最前添加元素

pop() 刪除數(shù)組最后一個元素并返回該元素的值

reverse() 顛倒數(shù)組中元素的順序

shift() 刪除并返回數(shù)組中第一個元素

sort() 對數(shù)組元素進(jìn)行排序

toSource() 返回該對象的源代碼

toString() 把數(shù)組轉(zhuǎn)換為字符串并返回結(jié)果

toLocaleString() 把數(shù)組轉(zhuǎn)換為本地數(shù)組，并返回結(jié)果

valueOf() 返回對象的原始值

這些數(shù)組對象的操作方法，大家可以多翻閱開發(fā)文檔來熟悉。

Function函數(shù)的理解

兩種自定義函數(shù)的方法

1.function fnName(){}

2. var fnName=function(){}

函數(shù)的返回值：

1.當(dāng)函數(shù)無明確返回值時，函數(shù)返回undefined。

2.有返回值返回。

函數(shù)的參數(shù)列表是可變的，數(shù)據(jù)類型也是任意數(shù)據(jù)類型，JS中有一個變量，argument可以訪問所有傳到函數(shù)內(nèi)部的參數(shù)。

Js支持創(chuàng)建動態(tài)函數(shù)，動態(tài)函數(shù)必須用Function對象來定義。

JavaScript本身不支持函數(shù)的重載。如果兩個方法名字一樣，即使參數(shù)個數(shù)不一樣，那么后面定義的就會覆蓋前面定義，調(diào)用方法時永遠(yuǎn)是調(diào)用后定義的那個。

Ajax請求的原理

通過XMLHttpRequest對象來向服務(wù)器發(fā)送異步請求，從服務(wù)器獲取數(shù)據(jù)。

然后用JavaScript來操作DOM而更新頁面。

XMLHttpRequest是ajax的核心機(jī)制，它是IE5中首先引入的，是一種支持異步請求的技術(shù)。

簡單的說，也就是JavaScript可以及時的向服務(wù)器提出請求并及時響應(yīng)。而不阻塞用戶。達(dá)到無刷新效果。

由事件觸發(fā)，創(chuàng)建一個XMLHttpRequest對象，把HTTP方法 （POST/GET）和目標(biāo)URL以及請求返回后的回調(diào)函數(shù)設(shè)置到XMLHttpRequest對象，通過XMLHttpRequest向服務(wù)器發(fā)送請求，請求發(fā)送后繼續(xù)響應(yīng)用戶的界面交互，只有等到請求真正從服務(wù)器返回的時候才調(diào)用callback()函數(shù)，對響應(yīng)數(shù)據(jù)進(jìn)行處理。

閉包（Closure）

閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

由于在JavaScript語言中，只有函數(shù)的內(nèi)部的子函數(shù)才能讀取局部變量，因此可以把閉包簡單理解成“定義在函數(shù)內(nèi)部的函數(shù)”。所以在本質(zhì)上，閉包就是講函數(shù)內(nèi)部和函數(shù)外部鏈接起來的一座橋梁。

閉包的用途：1.獲取函數(shù)內(nèi)部的局部變量。2.讓這些變量始終保持在內(nèi)存中。

注意：

1.由于閉包會使得函數(shù)中的變量一直保存在內(nèi)存中，所以不能濫用閉包，容易導(dǎo)致內(nèi)存泄漏，影響網(wǎng)頁性能，解決方法就是在退出函數(shù)之前，將不再使用的變量全部刪除（delete）；

2.閉包會在父函數(shù)外部，改變父函數(shù)內(nèi)部變量的值。所以，如果你把父函數(shù)當(dāng)作對象（object）使用，把閉包當(dāng)作它的公用方法（Public Method），把內(nèi)部變量當(dāng)作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數(shù)內(nèi)部變量的值。

this的工作原理

This總是指向一個對象，具體是運行時基于函數(shù)的執(zhí)行環(huán)境動態(tài)綁定的，而非函數(shù)被聲明時的環(huán)境。

普通函數(shù)調(diào)用時，一般指向window對象；

對象方法調(diào)用時，指向該對象；

如果對象方法里有局部方法，里面的this會指向window對象；

在ES5模式下，this指向window的都會變成undefined；

Apply，call時，動態(tài)改變this

原型鏈

每個JS對象都有一個prototype原型屬性，指向該對象繼承的原型。

原型對象上有一個 constructor 屬性，該屬性指向的就是構(gòu)造函數(shù)。

而實例對象上有一個 __proto__ 屬性，該屬性也指向原型對象，并且該屬性不是標(biāo)準(zhǔn)屬性，不可以用在編程中，該屬性用于瀏覽器內(nèi)部使用。

原型鏈：其實就是有限的實例對象和原型之間組成有限鏈，就是用來實現(xiàn)共享屬性和繼承的。

以上就是濟(jì)南建站文匯軟件小編為大家整理的JS干貨 有什么不對的歡迎大家評論區(qū)指正哦！