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

call()方法與apply()方法類似
以上兩個方法不是繼承而來的，可以擴充函數賴以存在的作用域，這樣做最大的好處是對象和方法不需要有任何耦合關系。兩者傳入的第一個參數都是要改變成的作用域，第二個參數apply傳入的是一個參數數組，call傳入的是每一個命名參數。
二、值類型和引用類型
講了這么多基本類型（除null以外都是值類型）和復雜類型（基本上都是引用類型），我們需要了解語言設計者為什么要設計值類型和引用類型。兩者的區(qū)別是什么？
1.值類型內容長度固定，保存值的存在范圍引用類型內容長度不固定，可以存儲不定長度的數據；
2.值類型只能單純的儲存值，如整型，字符串等。而引用類型可以儲存對象的堆地址，可以使多個變量指向同一個對象；
3.也是最主要的一點，引用類型可以緩解棧的存儲壓力(值類型儲存在棧中)。
4.在JS語法中基本數據類型不能動態(tài)添加屬性而引用數據類型可以動態(tài)添加屬性。
三、檢測類型的關鍵字
1.typeof
判斷基本類型的類型 返回true or false
2.instanceof
判斷復雜(引用)類型的類型 返回true or false
如果用它判斷基本類型 則永遠返回false
四、eval()方法
eval()方法相當強大，他就相當于一個解析器。它只接受一個參數，就是要執(zhí)行的JS代碼字符串。當解析器發(fā)現eval()時，他會把eval()中的參數解析出來，插入到eval執(zhí)行的位置，效果相當于在相應的位置直接寫入JS代碼。
五、創(chuàng)建對象
1）簡單工廠模式
2）構造函數模式。每一個實例都包括所有的方法，這樣會浪費內存。
3）原型模式。把方法保存在原型中，這樣所有實例可以調用這個方法，而不用每個實例都要保存這個方法

最新評論