JS高級
一、JS的數(shù)據(jù)類型
1.基本類型
JS共有5大基本類型，分別是：
1）Undefined。他只有一個值：undefined。如果一個變量被定義但是沒有給他賦值，那么這個時候系統(tǒng)會默認(rèn)給這個變量賦值為undefined。
2）Null。它同樣也只有一個值：null。他是一個引用類型，當(dāng)一個準(zhǔn)備保存對象的變量因為種種原因還沒有指向一個對象的時候，可以給這個變量賦值為null，通常也是這么做的。
3）Number。數(shù)值類型，他是C#中的整型和浮點型的集合，它具體是什么類型還要看它被賦值的情況，一般來說賦值為什么類型他就為什么類型。另外注意 var num = 1.0；這個時候num是個整型，只有小數(shù)點后有確切的不為0的值的時候才是浮點型。關(guān)于Number類型還有一些其他知識點，如：NaN表示該值不是一個數(shù)字，isNaN()可以判斷傳入的值時候為Number類型；parseInt()可以將傳入的參數(shù)轉(zhuǎn)成數(shù)值類型，如果包含非數(shù)值類型字符串的話，會自動將字符串去掉，parseInt("123blue")的返回值為123，字符串blue部分被忽略，因此parseInt()方法可以理解為嘗試把傳入的參數(shù)轉(zhuǎn)換成整型，轉(zhuǎn)換不了的話會將轉(zhuǎn)換不了的部分忽略。parseFloat()方法與parseInt()方法類似。
4)Boolean。布爾類型，類似C#中bool類型，有true和false兩個取值，但是沒有類似C#中0對應(yīng)False，1對應(yīng)true這樣的與數(shù)字的對應(yīng)關(guān)系。
5)String。字符串類型，保存的是0到16位的UNICODE代碼組成的字符序列。
2.復(fù)雜類型
1）Object類型。是JS的頂級“父類”（因為JS中沒有類的概念，說他是父類只是為了理解上的方便），是一組數(shù)據(jù)和方法（功能）的集合,但它不具備傳統(tǒng)面向?qū)ο笳Z言所支持的類和接口。Object類型本質(zhì)是一個無序的鍵值對列表，類似于集合，json格式。它包含7個方法，分別是：
constructor() 構(gòu)造函數(shù)？
hasOwnProperty(propertyName) 檢查屬性是否在當(dāng)前對象中
isPrototypeOf(object) 檢查對象是不是該對象原型
propertyIsEnumerable(propertyName) 檢查屬性是否能用for-in來循環(huán)
toString()
valueOf()
創(chuàng)建Object可以有多種方式：
通過new 關(guān)鍵字：var s = new Object(); s.name="james"; s.age=27;
通過JS的簡單定義方式：var s = {}; s.name="james"; s.age=27;
對象字面量表示法：var s = {"name":"james","age":"27"};PS：json格式數(shù)據(jù)的key可以不用雙引號括起來，value如果不是字符串的話也可以不用雙引號括起來，但是推薦key和value都要用雙引號括起來，以避免不必要的麻煩。
訪問Object對象的屬性的方法：
s.name 直接點出來。
s["name"]；使用方括號（類似于索引器）的優(yōu)點是可以通過變量來動態(tài)訪問屬性：var proName="name"; alert(s[proName]);
2）Array類型。是數(shù)據(jù)的有序列表
與其他數(shù)組的不同：
數(shù)組元素可以是任何類型，同一個數(shù)組的元素類型也可以不一樣，相當(dāng)于C#中的List<object>
長度可以任意改變
數(shù)組的length屬性可讀寫(可以利用這一點刪除數(shù)組元素)
數(shù)組的棧方法 后進先出
push() 往里加
pop() 從棧頭往外拿，拿出來以后數(shù)組中的元素數(shù)量就會發(fā)生變化
數(shù)組的隊列方法 先進先出
shift() 從隊列尾部往外拿
unshift() 從隊列尾部往里加
排序
sort() 排正序，將數(shù)組中的數(shù)據(jù)按照一定的順序排列，參數(shù)可以傳遞一個匿名方法（類似于接口）
reverse() 翻轉(zhuǎn)排列
連接數(shù)組
concat() 示例：var colors=["a","b"];var newcolor=colors.concat("yellow",["c","d"]);結(jié)果colors有了5個元素。concate方法中若傳入數(shù)組，會把該數(shù)組拆分，將其中元素加入目標(biāo)數(shù)組中。若傳入json格式數(shù)據(jù)，一個json數(shù)據(jù)就看成一個元素加入數(shù)組。
3）Function類型。函數(shù)是對象，函數(shù)名是指針
聲明方式（3種）：
function sum(x,y){return x+y;}
var sum=function(x,y){return x+y;}//函數(shù)表達式
var sum=new Function("x","y","return x+y;");//對象創(chuàng)建,不推薦(解析兩次)
Function類型沒有重載。Function類型本質(zhì)上就是一個數(shù)據(jù)類型，和其他類型一樣，多次賦值的時候，后一次賦值會覆蓋（替代）前一次賦值。多個同名函數(shù)其實就是對同一個函數(shù)對象賦值，后一個賦值會覆蓋前面的賦值，所以執(zhí)行的都是最后一次的函數(shù)定義。
講Function的屬性之前需要先了解JS代碼的執(zhí)行環(huán)境和作用域以及其他一些知識點：
a）執(zhí)行環(huán)境：就是當(dāng)前函數(shù)（方法）所處在的父環(huán)境。比如在window下執(zhí)行的函數(shù)他的執(zhí)行環(huán)境就是window。真正的全局執(zhí)行環(huán)境是Global，只不過大多數(shù)瀏覽器不公開代碼訪問，只是通過window來間接訪問。
b）if等語句沒有用塊狀作用域，JS的作用域與C#的不同，if，for等用大括號括起來的代碼并不能形成一個塊狀作用域。
c）用var聲明變量時，會他把添加到最近的可用環(huán)境，若不用var則把他添加的父環(huán)境中，這就理解了不用var定義的一個變量是全局變量的原因。
d）聲明語句會首先執(zhí)行，不管你把它放到哪里。雖然JS代碼是從上到下順序執(zhí)行的，但是遇到聲明的語句，編譯器就會先執(zhí)行聲明語句，以保證其他語句執(zhí)行的過程中不會因為遇到?jīng)]有聲明的變量而報錯。
e）垃圾回收。將一個保存對象的變量設(shè)置為null，相當(dāng)于切斷了變量(棧)和引用值(堆)之間的關(guān)系，垃圾回收站就會自動回收
Function的內(nèi)部屬性：
arguments
他是一個數(shù)組，保存?zhèn)魅氲膮?shù)。
callee是一個指針，保存擁有這個arguments對象的函數(shù)對象，也就是這個函數(shù)的堆地址，當(dāng)函數(shù)需要調(diào)用自己的時候，可以使用callee，不用出現(xiàn)自己的函數(shù)名，從而降低耦合度。
this
指向當(dāng)前函數(shù)所在的執(zhí)行環(huán)境，也就是函數(shù)在執(zhí)行時所處的作用域
函數(shù)對象的屬性和方法
length
函數(shù)定義的命名參數(shù)的個數(shù)
函數(shù)名.length
prototype(原型)
保存它們所有實例方法的真實所在
apply([要改變的作用域])
改變該函數(shù)對象的作用域 也就是改變this的值
示例代碼
function sum(x, y) {
alert(this);
return x + y;
}
//window.sum(1,2);
function callS() {
callS.callSum1(1, 2);
}
callS.callSum1 = function (x, y) {
alert(this);
var s = sum.apply(this, arguments);
//sum(1, 2);
return s;
}
callS();
call()方法與apply()方法類似
以上兩個方法不是繼承而來的，可以擴充函數(shù)賴以存在的作用域，這樣做最大的好處是對象和方法不需要有任何耦合關(guān)系。兩者傳入的第一個參數(shù)都是要改變成的作用域，第二個參數(shù)apply傳入的是一個參數(shù)數(shù)組，call傳入的是每一個命名參數(shù)。
二、值類型和引用類型
講了這么多基本類型（除null以外都是值類型）和復(fù)雜類型（基本上都是引用類型），我們需要了解語言設(shè)計者為什么要設(shè)計值類型和引用類型。兩者的區(qū)別是什么？
1.值類型內(nèi)容長度固定，保存值的存在范圍引用類型內(nèi)容長度不固定，可以存儲不定長度的數(shù)據(jù)；
2.值類型只能單純的儲存值，如整型，字符串等。而引用類型可以儲存對象的堆地址，可以使多個變量指向同一個對象；
3.也是最主要的一點，引用類型可以緩解棧的存儲壓力(值類型儲存在棧中)。
4.在JS語法中基本數(shù)據(jù)類型不能動態(tài)添加屬性而引用數(shù)據(jù)類型可以動態(tài)添加屬性。
三、檢測類型的關(guān)鍵字
1.typeof
判斷基本類型的類型 返回true or false
2.instanceof
判斷復(fù)雜(引用)類型的類型 返回true or false
如果用它判斷基本類型 則永遠(yuǎn)返回false
四、eval()方法
eval()方法相當(dāng)強大，他就相當(dāng)于一個解析器。它只接受一個參數(shù)，就是要執(zhí)行的JS代碼字符串。當(dāng)解析器發(fā)現(xiàn)eval()時，他會把eval()中的參數(shù)解析出來，插入到eval執(zhí)行的位置，效果相當(dāng)于在相應(yīng)的位置直接寫入JS代碼。
五、創(chuàng)建對象
1）簡單工廠模式
2）構(gòu)造函數(shù)模式。每一個實例都包括所有的方法，這樣會浪費內(nèi)存。
3）原型模式。把方法保存在原型中，這樣所有實例可以調(diào)用這個方法，而不用每個實例都要保存這個方法
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
