面向?qū)ο蟮娜筇攸c(diǎn):繼承、封裝、多態(tài)
1、JS中通過(guò)prototype實(shí)現(xiàn)原型繼承
2、JS對(duì)象可以通過(guò)對(duì)象冒充,實(shí)現(xiàn)多重繼承,
3、Object類是所有Js類的基類
4、通過(guò)function對(duì)對(duì)象進(jìn)行封裝
5、通過(guò)使用arguments實(shí)現(xiàn)參數(shù)重載
6、ES6語(yǔ)法糖可以直接定義類class,繼承對(duì)象extends
1.基本數(shù)據(jù)類型:Undefined:代表一切未知的事物,啥都沒(méi)有,無(wú)法想象,代碼也就更無(wú)法去處理了。
注意:typeof(Undefined) 返回也是 Undefined。可以將Undefined賦值給任何變量或?qū)傩裕⒉灰馕读饲宄嗽撟兞浚炊鴷?huì)因此多了一個(gè)屬性。
Null:有那么一個(gè)概念,但沒(méi)有東西。無(wú)中似有,有中還無(wú)。雖難以想象,但已經(jīng)可以用代碼來(lái)處理了。
注意:typeof(Null)返回Object,但Null并非Object,具有Null值的變量也并非object。
Boolean:是就是,非就非,沒(méi)有疑義。對(duì)就對(duì),錯(cuò)就錯(cuò),絕對(duì)明確。既能被代碼處理,也可以控制代碼的流程。Number:線性的事物,大小和次序分明,多而不亂。便于代碼進(jìn)行批量處理,也控制代碼的迭代和循環(huán)等。
注意:typeof(NaN)和typeof(Infinity)都返回number 。NaN參與任何數(shù)值計(jì)算的結(jié)構(gòu)都是NaN,
而且 NaN != NaN 。Infinity / Infinity = NaN 。
String:面向人類的理性事物,而不是機(jī)器信號(hào)。人機(jī)信息溝通,代碼據(jù)此理解人的意圖等等,都靠它了。2.引用數(shù)據(jù)類型:Object、Array、Function
1、typeof
2、prototype
3、instanceof
4、constructor
5、Object.prototype.toString.call(a)
注意 : typeof null === Object
JS中所有的對(duì)象都繼承自O(shè)bject
創(chuàng)建一個(gè)新對(duì)象:var person = new Object();
person.name = "狼狼的藍(lán)胖子";
person.age = 25;constructor屬性是保存當(dāng)前對(duì)象的構(gòu)造函數(shù),前面的例子中,constructor保存的就是Object方法。
hasOwnProperty方法接收一個(gè)字符串參數(shù),該參數(shù)表示屬性名稱,用來(lái)判斷該屬性是否在當(dāng)前對(duì)象實(shí)例中,而不是在對(duì)象的原型鏈中。
isPrototype方法接收一個(gè)對(duì)象,用來(lái)判斷當(dāng)前對(duì)象是否在傳入的參數(shù)對(duì)象的原型鏈上
Concat() 連接兩個(gè)或更多數(shù)組
splice(index,len,[item]) 刪除元素,并向數(shù)組添加一個(gè)新元素。
Slice() 從某個(gè)已有的數(shù)組返回選定的元素
Join() 把數(shù)組的所有元素放入一個(gè)字符串,元素通過(guò)指定的分隔符進(jìn)行分割
push() 在數(shù)組后添加元素,并返回新的長(zhǎng)度
unshift() 在數(shù)組最前添加元素
pop() 刪除數(shù)組最后一個(gè)元素并返回該元素的值
reverse() 顛倒數(shù)組中元素的順序
shift() 刪除并返回?cái)?shù)組中第一個(gè)元素
sort() 對(duì)數(shù)組元素進(jìn)行排序
toSource() 返回該對(duì)象的源代碼
toString() 把數(shù)組轉(zhuǎn)換為字符串并返回結(jié)果
toLocaleString() 把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組,并返回結(jié)果
valueOf() 返回對(duì)象的原始值
兩種自定義函數(shù)的方法 1.function fnName(){} 2. var fnName=function(){}
函數(shù)的返回值:1.當(dāng)函數(shù)無(wú)明確返回值時(shí),函數(shù)返回undefined。2.有返回值返回。
函數(shù)的參數(shù)列表是可變的,數(shù)據(jù)類型也是任意數(shù)據(jù)類型,JS中有一個(gè)變量,argument可以訪問(wèn)所有傳到函數(shù)內(nèi)部的參數(shù)。
Js支持創(chuàng)建動(dòng)態(tài)函數(shù),動(dòng)態(tài)函數(shù)必須用Function對(duì)象來(lái)定義。
創(chuàng)建動(dòng)態(tài)函數(shù)的基本格式:
var 變量名 = new Function("參數(shù)1","參數(shù)2","參數(shù)n","執(zhí)行語(yǔ)句");
var add = new Function("x", "y", "return(x+y)");
JavaScript不支持函數(shù)的重載。如果兩個(gè)方法名字一樣,即使參數(shù)個(gè)數(shù)不一樣,那么后面定義的就會(huì)覆蓋前面定義,調(diào)用方法時(shí)永遠(yuǎn)是調(diào)用后定義的那個(gè)。
通過(guò)XMLHttpRequest對(duì)象來(lái)向服務(wù)器發(fā)送異步請(qǐng)求,從服務(wù)器獲取數(shù)據(jù)。然后用JavaScript來(lái)操作DOM而更新頁(yè)面。
XMLHttpRequest是ajax的核心機(jī)制,它是IE5中首先引入的,是一種支持異步請(qǐng)求的技術(shù)。簡(jiǎn)單的說(shuō),也就是JavaScript可以及時(shí)的向服務(wù)器提出請(qǐng)求并及時(shí)響應(yīng)。而不阻塞用 戶。達(dá)到無(wú)刷新效果。由事件觸發(fā),創(chuàng)建一個(gè)XMLHttpRequest對(duì)象,把HTTP方法 (POST/GET)和目標(biāo)URL以及請(qǐng)求返回后的回調(diào)函數(shù)設(shè)置到XMLHttpRequest對(duì)象,通過(guò) XMLHttpRequest向服務(wù)器發(fā)送請(qǐng)求,請(qǐng)求發(fā)送后繼續(xù)響應(yīng)用戶的界面交互,只有等到請(qǐng)求真正從服務(wù)器返回的時(shí)候才調(diào)用callback()函數(shù),對(duì)響應(yīng)數(shù)據(jù)進(jìn)行處理。
Function ajax(){
If(window.XMLHttpRequest){
Var xhr =new XMLHttpRequest();
}else{
Var xhr=new ActiveXObject(‘Microsoft.XMLHTTP’);
}
Xhr.onreadystatechange=function(){
If(xhr.readState==4){}
}
}
閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。由于在JavaScript語(yǔ)言中,只有函數(shù)的內(nèi)部的子函數(shù)才能讀取局部變量,因此可以把閉包簡(jiǎn)單理解成“定義在函數(shù)內(nèi)部的函數(shù)”。所以 在本質(zhì)上,閉包就是講函數(shù)內(nèi)部和函數(shù)外部鏈接起來(lái)的一座橋梁。
閉包的用途:1.獲取函數(shù)內(nèi)部的局部變量。2.讓這些變量始終保持在內(nèi)存中。
注意:1.由于閉包會(huì)使得函數(shù)中的變量一直保存在內(nèi)存中,所以不能濫用閉包,容易導(dǎo)致內(nèi)存泄漏,影響網(wǎng)頁(yè)性能,解決方法就是在退出函數(shù)之前,將不再使用的變量全部刪除 (delete);2閉包會(huì)在父函數(shù)外部,改變父函數(shù)內(nèi)部變量的值。所以,如果你把父函數(shù)當(dāng)作對(duì)象(object)使用,把閉包當(dāng)作它的公用方法(Public Method),把內(nèi)部變量當(dāng) 作它的私有屬性(private value),這時(shí)一定要小心,不要隨便改變父函數(shù)內(nèi)部變量的值。
This總是指向一個(gè)對(duì)象,具體是運(yùn)行時(shí)基于函數(shù)的執(zhí)行環(huán)境動(dòng)態(tài)綁定的,而非函數(shù)被聲明時(shí)的環(huán)境。
普通函數(shù)調(diào)用時(shí),一般指向window對(duì)象;
對(duì)象方法調(diào)用時(shí),指向該對(duì)象;
如果對(duì)象方法里有局部方法,里面的this會(huì)指向window對(duì)象;
在ES5模式下,this指向window的都會(huì)變成undefined;
Apply,call時(shí),動(dòng)態(tài)改變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;
}
10.原型鏈
首先要理解原型
每個(gè)JS對(duì)象都有一個(gè)prototype原型屬性,指向該對(duì)象繼承的原型。
原型對(duì)象上有一個(gè) constructor 屬性,該屬性指向的就是構(gòu)造函數(shù)。
而實(shí)例對(duì)象上有一個(gè) __proto__ 屬性,該屬性也指向原型對(duì)象,并且該屬性不是標(biāo)準(zhǔn)屬性,不可以用在編程中,該屬性用于瀏覽器內(nèi)部使用。原型鏈:其實(shí)就是有限的實(shí)例對(duì)象和原型之間組成有限鏈,就是用來(lái)實(shí)現(xiàn)共享屬性和繼承的。
相關(guān)推薦:
JavaScript知識(shí)點(diǎn)系統(tǒng)總結(jié)
一些容易犯錯(cuò)的JavaScript知識(shí)點(diǎn)整理
你必須知道的Javascript知識(shí)點(diǎn)之"字面量和對(duì)應(yīng)類型"說(shuō)明介紹_javascript技巧
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com