JavaScript經(jīng)典學(xué)習(xí)筆記總結(jié)

0、在Javascript中沒(méi)有函數(shù)（重載）的概念1、在js中為某個(gè)對(duì)象（控件）綁定事件通?？梢圆扇煞N手段： 1》<inputtype=”input”onclick=”clickHandler()”> 2><inputtype=”button”id=”button1”> <scripttype=”text/javascript” Varv=document.getElementById(“button1”); v.onclick=clickHandler; </script>2、有兩種類型的Cookie 1>持久性Cookie，會(huì)被存儲(chǔ)到客戶端的硬盤(pán)上。 2>會(huì)話Cookie，不會(huì)存儲(chǔ)到客戶端的硬盤(pán)上，而是放在瀏覽器進(jìn)程所處的內(nèi)存當(dāng)中，當(dāng)瀏覽器關(guān)閉則該會(huì)話Cookie就銷毀了。3、在JavaScript中，函數(shù)（function）就是對(duì)象。4、在JavaScript中有一個(gè)Function對(duì)象，所有自定義的函數(shù)都是Function對(duì)象類型的。Function對(duì)象接收的所有參數(shù)都是字符串類型的，其中最后的一個(gè)參數(shù)就是要執(zhí)行的函數(shù)體，而前面的參數(shù)則是函數(shù)真正需要接收的參數(shù)。varadd=newFunction(“number”,”number1”,”alert(number+nubmer1)”);add本身是Function函數(shù)對(duì)象的引用。 varadd=newFunction("m","n","varo=newPerson('qqqqq','wwww');o.sayHello();"); add("qweqwe","123123"); functionPerson(username,password){ this.username=username; this.password=password; Ptotype.sayHello=function(){ alert(this.username+""+this.password); } }5、在JavaScript中，每個(gè)函數(shù)都有一個(gè)隱含的對(duì)象arguments，表示給函數(shù)實(shí)際傳遞的參數(shù)。 arguments.length，length屬性表示實(shí)際給函數(shù)傳遞的參數(shù)個(gè)數(shù)。 functionadd（）{ if（1==arguments.length）{ alert（arguments[0]）；}elseif(2==arguments.length){ alert(agruments[0]+agruments[1]);}}6、每個(gè)函數(shù)對(duì)象都有一個(gè)length屬性，表示該函數(shù)期望接收的參數(shù)個(gè)數(shù)。他與函數(shù)的arguments不同，arguments表示函數(shù)實(shí)際接收的參數(shù)個(gè)數(shù)，函數(shù)名.length期望接收參數(shù)的個(gè)數(shù)。7、JavaScript中有五種原始數(shù)據(jù)類型：Undefined，Null，Boolean，Number以及String8、Undefined數(shù)據(jù)類型的值只有一個(gè)：undefined。9、Null數(shù)據(jù)類型的值只有一個(gè)：null。10、Boolean數(shù)據(jù)類型的值有兩個(gè)：true和false11、JavaScript中沒(méi)有char字符數(shù)據(jù)類型，所以單引號(hào)和雙引號(hào)都表示字符串?dāng)?shù)據(jù)類型12、typeof是一元運(yùn)算符，后跟變量的名稱，用于獲取變量的數(shù)據(jù)類型，其返回值有5個(gè)：undefined、boolean、number、string以及object。驗(yàn)證變量是否為原始數(shù)據(jù)類型vars=“hello”;//s是原始數(shù)據(jù)類型alert(typeofs);vars1=newString（“123”）；//對(duì)象數(shù)據(jù)類型 alert（typeofs1）；13、在JavaScript中，如果函數(shù)沒(méi)有聲明返回值，那么會(huì)返回undefined。14、null與undefined的關(guān)系：undefined實(shí)際上是從null派生出來(lái)的。15、強(qiáng)制類型轉(zhuǎn)換：在JavaScript中有3中強(qiáng)制類型轉(zhuǎn)換，Boolean（value）、Number（value）、String（value）。vars=String(“hello”);alert(typeofs);//string16、在JavaScript中，對(duì)于函數(shù)中定義的變量來(lái)說(shuō)，加var表示局部變量，不加var表示的是全局變量。17、在JavaScript中，所有的對(duì)象都是從Object對(duì)象繼承來(lái)的。Object中的屬性是不可枚舉的，因此無(wú)法通過(guò)for……in語(yǔ)句得到其中的屬性。 varobject=newObject(); for(varIinobject){ alert(i);}alert(pertyIsEnumerable(“prototype”));//判斷對(duì)象是否有枚舉的屬性。JavaScript中最頂層的對(duì)象是window對(duì)象，瀏覽器窗口對(duì)象。for(varvinwindow){ alert(v);//打印window的所有屬性。}18、在Javascript中，可以動(dòng)態(tài)添加對(duì)象屬性，也可以動(dòng)態(tài)刪除對(duì)象屬性。varobject=newObject();alert(object.username);//undefined//如果給對(duì)象添加屬性并賦值共有兩種方式(.和[“”])。注意下：：：：object.username=“shengsiyuan”;object[“username”]=”shengsiyuan”;//有點(diǎn)像EL表達(dá)式。alert(object.username);//如果想要從對(duì)象中刪除執(zhí)行的屬性，如下deleteobject.username;//username屬性從object對(duì)象中被刪除。alert(object.username);在JavaScript中定義對(duì)象的最常見(jiàn)的方式，也是開(kāi)發(fā)中常用的。 varobject={username:“zhangsan”,password:”123”}; alert(object.username+object.password);小例子：Jquery.ajax({ url:elem.a,aysnc:false});19、在JavaScript中,數(shù)組中的sort方法來(lái)說(shuō)，他會(huì)將待排序的內(nèi)容轉(zhuǎn)換為字符串（調(diào)用toString（）方法），按照字符串的先后順序進(jìn)行排序。 vararray=newArray(); array.push(1);array.push(2);alert(array.length);最常用如下：vararray=[1,3,25];array.sort();//如上說(shuō)明，內(nèi)部是轉(zhuǎn)換為字符串排序的。alert(array);functioncompare(num,num1){ vartemp=parentInt(num); vartemp1=parentInt(num1); if(temp<temp1){ return-1;}elseif(temp==temp1){ Return0;}elseif(temp>temp1){ Return2;}}array.sort(compare);//排序函數(shù)對(duì)象的引用。alert(array);//匿名函數(shù) function(){}20、JavaScript中定義對(duì)象的幾種方式（JavaScript中沒(méi)有類得概念，只有對(duì)象） 1》基于已有對(duì)象擴(kuò)充其屬性和方法 varobject=newObject(); ="zhangsan"; object.sayName=function(name){ =name; alert();} object.sayName('lisi');object.sayName(“l(fā)isi”);2>工廠方式}//工廠方式創(chuàng)建對(duì)象functioncreateObject(){ varobject=newObject(); object.username=“zhangsan” object.password=“123”; object.get=function(){ alert(this.username+“,”+this.password); } returnobject;varobject1=newObject();varobject2=newObject();object1.get();讓一個(gè)函數(shù)對(duì)象被多個(gè)對(duì)象所共享，而不是每個(gè)對(duì)象擁有一個(gè)函數(shù)對(duì)象 functionget(){ alert(this.username+this.password);}functioncreateObject(username,password){ varobject=newObject(); object.username=username; object.password=password; object.get=get; returnobject;}varobject=createObject("z","123");varobject2=createObject("x","123");object.get();object2.get();3》構(gòu)造函數(shù)無(wú)參數(shù)或者帶參數(shù)functionPerson(username,password){ //在執(zhí)行第一行代碼之前，js引擎會(huì)為我們生成一個(gè)對(duì)象 this.username=username; this.password=password; this.getInfo=function(){ alert(this.username+“,”+this.password);}//此處會(huì)有一個(gè)隱藏的return語(yǔ)句，用于將之前生成的對(duì)象返回。}4》使用Prototype(原型定義)創(chuàng)建對(duì)象 functionPerson(){ } Ptotype.username=“zhangsan”; Ptotype.password=“123”; Ptotype.getInfo=function(){ Alert(this.username+“,”+this.password); } varperson=newPerson();varperson1=newPerson();person.username=“l(fā)isi”;prson.getInfo();prson1.getInfo();單純使用原型方式定義類無(wú)法在構(gòu)造函數(shù)中為屬性賦初值，只能在對(duì)象那個(gè)生成后再去改變屬性值。如果使用原型方式對(duì)象，那么生成的所有對(duì)象共享原型中的屬性，這樣一個(gè)對(duì)象改變了該屬性也會(huì)反映到其他對(duì)象中。Array例子P1Person() username=newArray();共享同一個(gè)引用的值。P2 Person()password

不錯(cuò)的解決方案如下：//使用原型方式+構(gòu)造函數(shù)方式來(lái)定義對(duì)象，每個(gè)對(duì)象之間的屬性互不干擾，兩個(gè)對(duì)象之間共享同一個(gè)方法。functionPerson(){this.username=newArray();this.password=“123”;

}Ptotype.getInfo=function(){alert(this.username+“,”+this.password);}varperson=newPerson();varperson1=newPerson();person.username.push(“zhangsan”);person.username.push(“l(fā)isi”);person.getInfo();person1.getInfo();5》動(dòng)態(tài)原型方式定義對(duì)象在構(gòu)造函數(shù)總通過(guò)標(biāo)志量讓所以對(duì)象共享一個(gè)方法，而每個(gè)對(duì)象擁有自己的屬性。FunctionPerson(){This.username=“zhangsan”;This.password=“123”;If(typeofPerson.flag==“undefined”){Alert(“invoked”);Ptotype.getInfo=function(){Alert(this.username+this.password);}Person.flag=true;}}Varp=newPerson();Varp2=newPerson();p.getInfo();p2.getInfo();21、JavaScript中的繼承1》對(duì)象冒充functionParent(username){this.username=username;this.sayHello=function(){alert(this.username);}}functionChild(username,password){//下面三行代碼是最關(guān)鍵的代碼this.method=Parent;//定義method屬性，將Parent函數(shù)指定給methodthis.method(username);//Parent函數(shù)中的this指的是該Child對(duì)象deletethis.method;this.password=password;this.sayWorld=function(){alert(this.password);}}varparent=newParent(“zhangsan”);varchild=newChild(“l(fā)isi”,”123”);parent.sayHello();child.sayHello();child.sayWorld();2》call調(diào)用方式Call方法是Function對(duì)象中的方法，因此我們定義的每個(gè)函數(shù)都擁有該方法?？梢酝ㄟ^(guò)函數(shù)名來(lái)調(diào)用call方法，call方法的第一個(gè)參數(shù)會(huì)被傳遞給函數(shù)中的this，從第2個(gè)參數(shù)開(kāi)始，逐一賦值給函數(shù)中的參數(shù)。//繼承的第二種方式，call方法方式，F(xiàn)unction對(duì)象中的方法。functiontest(str){alertI(this.username+str);}Varo=newObject();o.username=“zhangsan”;test.call(o,”xxx”);3》使用appl