接下來的幾篇同標題文章皆是轉載自王福朋 - 博客園
“一切都是對象”這句話的重點在于如何去理解“對象”這個概念度宦。
——當然,也不是所有的都是對象捅膘,值類型就不是對象冕碟。
首先咱們還是先看看javascript中一個常用的運算符——typeof。typeof應該算是咱們的老朋友憎亚,還有誰沒用過它员寇?
typeof函數輸出的一共有幾種類型,在此列出:
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輸出的集中類型標識第美,其中上面的四種(undefined, number, string, boolean)屬于簡單的值類型丁恭,不是對象。剩下的幾種情況——函數斋日、數組牲览、對象、null恶守、new Number(10)都是對象第献。他們都是引用類型。
判斷一個變量是不是對象非常簡單兔港。值類型的類型判斷用typeof庸毫,引用類型的類型判斷用instanceof。
var fn = function () { };
console.log(fn instanceof Object); // true
好了衫樊,上面說了半天對象飒赃,各位可能也經常在工作中應對對象,在生活中還得應對活生生的對象科侈。有些個心理不正吃丶眩或者愛開玩笑的單身人士,還對于系統提示的“找不到對象”耿耿于懷臀栈。那么在javascript中的對象蔫慧,到底該如何定義呢?
對象——若干屬性的集合权薯。
java或者C#中的對象都是new一個class出來的姑躲,而且里面有字段睡扬、屬性、方法黍析,規(guī)定的非常嚴格卖怜。但是javascript就比較隨意了——數組是對象,函數是對象阐枣,對象還是對象马靠。對象里面的一切都是屬性,只有屬性侮繁,沒有方法。那么這樣方法如何表示呢如孝?——方法也是一種屬性宪哩。因為它的屬性表示為鍵值對的形式。
而且第晰,更加好玩的事锁孟,javascript中的對象可以任意的擴展屬性,沒有class的約束茁瘦。這個大家應該都知道品抽,就不再強調了。
先說個最常見的例子:
以上代碼中甜熔,obj是一個自定義的對象圆恤,其中a、b腔稀、c就是它的屬性盆昙,而且在c的屬性值還是一個對象,它又有name焊虏、year兩個屬性淡喜。
這個可能比較好理解,那么函數和數組也可以這樣定義屬性嗎诵闭?——當然不行炼团,但是它可以用另一種形式,總之函數/數組之流疏尿,只要是對象瘟芝,它就是屬性的集合。
以函數為例子:
var fn = function () {
alert(100);
};
fn.a = 10;
fn.b = function () {
alert(123);
};
fn.c = {
name: "小明",
year: 1988
};
上段代碼中褥琐,函數就作為對象被賦值了a模狭、b、c三個屬性——很明顯踩衩,這就是屬性的集合嗎嚼鹉。
你問:這個有用嗎贩汉?
回答:可以看看jQuery源碼!
在jQuery源碼中锚赤,“jQuery”或者“$”匹舞,這個變量其實是一個函數,不信你可以叫咱們的老朋友typeof驗證一下线脚。
console.log(typeof $); // function
console.log($.trim(" ABC "));
驗明正身赐稽!的確是個函數。那么咱們常用的 $.trim() 也是個函數浑侥,經常用姊舵,就不用驗了吧!
很明顯寓落,這就是在$或者jQuery函數上加了一個trim屬性括丁,屬性值是函數,作用是截取前后空格伶选。
javascript與java/C#相比史飞,首先最需要解釋的就是弱類型,因為弱類型是最基本的用法仰税,而且最常用构资,就不打算做一節(jié)來講。
其次要解釋的就是本文的內容——一切(引用類型)都是對象陨簇,對象是屬性的集合吐绵。最需要了解的就是對象的概念,和java/C#完全不一樣河绽。所以拦赠,切記切記!
最后葵姥,有個疑問荷鼠。在typeof的輸出類型中,function和object都是對象榔幸,為何卻要輸出兩種答案呢允乐?都叫做object不行嗎?——當然不行削咆。
具體原因牍疏,且聽下回分解!