“一切都是對(duì)象”這句話的重點(diǎn)在于如何去理解“對(duì)象”這個(gè)概念。
——當(dāng)然,也不是所有的都是對(duì)象,值類(lèi)型就不是對(duì)象。
首先咱們還是先看看javascript中一個(gè)常用的函數(shù)——typeof()。typeof應(yīng)該算是咱們的老朋友,還有誰(shuí)沒(méi)用過(guò)它?
typeof函數(shù)輸出的一共有幾種類(lèi)型,在此列出:
function show(x) {
console.log(typeof(x)); // undefined
console.log(typeof(10)); // number
console.log(typeof('abc')); // string
console.log(typeof(true)); // boolean
console.log(typeof(function () { })); //function
console.log(typeof([1, 'a', true])); //object
console.log(typeof ({ a: 10, b: 20 })); //object
console.log(typeof (null)); //object
console.log(typeof (new Number(10))); //object
}
show();
以上代碼列出了typeof輸出的集中類(lèi)型標(biāo)識(shí),其中上面的四種(undefined, number, string, boolean)屬于簡(jiǎn)單的值類(lèi)型,不是對(duì)象。剩下的幾種情況——函數(shù)、數(shù)組、對(duì)象、null、new Number(10)都是對(duì)象。他們都是引用類(lèi)型。
判斷一個(gè)變量是不是對(duì)象非常簡(jiǎn)單。值類(lèi)型的類(lèi)型判斷用typeof,引用類(lèi)型的類(lèi)型判斷用instanceof。
var fn = function () { };
console.log(fn instanceof Object); // true
好了,上面說(shuō)了半天對(duì)象,各位可能也經(jīng)常在工作中應(yīng)對(duì)對(duì)象,在生活中還得應(yīng)對(duì)活生生的對(duì)象。有些個(gè)心理不正常或者愛(ài)開(kāi)玩笑的單身人士,還對(duì)于系統(tǒng)提示的“找不到對(duì)象”耿耿于懷。那么在javascript中的對(duì)象,到底該如何定義呢?
對(duì)象——若干屬性的集合。
java或者C#中的對(duì)象都是new一個(gè)class出來(lái)的,而且里面有字段、屬性、方法,規(guī)定的非常嚴(yán)格。但是javascript就比較隨意了——數(shù)組是對(duì)象,函數(shù)是對(duì)象,對(duì)象還是對(duì)象。對(duì)象里面的一切都是屬性,只有屬性,沒(méi)有方法。那么這樣方法如何表示呢?——方法也是一種屬性。因?yàn)樗膶傩员硎緸殒I值對(duì)的形式。
而且,更加好玩的事,javascript中的對(duì)象可以任意的擴(kuò)展屬性,沒(méi)有class的約束。這個(gè)大家應(yīng)該都知道,就不再?gòu)?qiáng)調(diào)了。
先說(shuō)個(gè)最常見(jiàn)的例子:
以上代碼中,obj是一個(gè)自定義的對(duì)象,其中a、b、c就是它的屬性,而且在c的屬性值還是一個(gè)對(duì)象,它又有name、year兩個(gè)屬性。
這個(gè)可能比較好理解,那么函數(shù)和數(shù)組也可以這樣定義屬性嗎?——當(dāng)然不行,但是它可以用另一種形式,總之函數(shù)/數(shù)組之流,只要是對(duì)象,它就是屬性的集合。
以函數(shù)為例子:
var fn = function () {
alert(100);
};
fn.a = 10;
fn.b = function () {
alert(123);
};
fn.c = {
name: "王福朋",
year: 1988
};
上段代碼中,函數(shù)就作為對(duì)象被賦值了a、b、c三個(gè)屬性——很明顯,這就是屬性的集合嗎。
你問(wèn):這個(gè)有用嗎?
回答:可以看看jQuery源碼!
在jQuery源碼中,“jQuery”或者“$”,這個(gè)變量其實(shí)是一個(gè)函數(shù),不信你可以叫咱們的老朋友typeof驗(yàn)證一下。
console.log(typeof ($)); // function
console.log($.trim(" ABC "));
驗(yàn)明正身!的確是個(gè)函數(shù)。那么咱們常用的 $.trim() 也是個(gè)函數(shù),經(jīng)常用,就不用驗(yàn)了吧!
很明顯,這就是在$或者jQuery函數(shù)上加了一個(gè)trim屬性,屬性值是函數(shù),作用是截取前后空格。
javascript與java/C#相比,首先最需要解釋的就是弱類(lèi)型,因?yàn)槿躅?lèi)型是最基本的用法,而且最常用,就不打算做一節(jié)來(lái)講。
其次要解釋的就是本文的內(nèi)容——一切(引用類(lèi)型)都是對(duì)象,對(duì)象是屬性的集合。最需要了解的就是對(duì)象的概念,和java/C#完全不一樣。所以,切記切記!
最后,有個(gè)疑問(wèn)。在typeof的輸出類(lèi)型中,function和object都是對(duì)象,為何卻要輸出兩種答案呢?都叫做object不行嗎?——當(dāng)然不行。
具體原因,且聽(tīng)下回分解!
更多建議: