深入理解javascript原型和閉包——一切都是對象

接下來的幾篇同標題文章皆是轉載自王福朋 - 博客園

“一切都是對象”這句話的重點在于如何去理解“對象”這個概念度宦。

——當然,也不是所有的都是對象捅膘,值類型就不是對象冕碟。

首先咱們還是先看看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的約束茁瘦。這個大家應該都知道品抽,就不再強調了。

先說個最常見的例子:

image.png

以上代碼中甜熔,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不行嗎?——當然不行削咆。

具體原因牍疏,且聽下回分解!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末拨齐,一起剝皮案震驚了整個濱河市鳞陨,隨后出現的幾起案子,更是在濱河造成了極大的恐慌瞻惋,老刑警劉巖厦滤,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件援岩,死亡現場離奇詭異,居然都是意外死亡掏导,警方通過查閱死者的電腦和手機享怀,發(fā)現死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來趟咆,“玉大人添瓷,你說我怎么就攤上這事≈瞪矗” “怎么了鳞贷?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長虐唠。 經常有香客問我搀愧,道長,這世上最難降的妖魔是什么凿滤? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任妈橄,我火速辦了婚禮庶近,結果婚禮上翁脆,老公的妹妹穿的比我還像新娘。我一直安慰自己鼻种,他們只是感情好反番,可當我...
    茶點故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著叉钥,像睡著了一般罢缸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上投队,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天枫疆,我揣著相機與錄音,去河邊找鬼敷鸦。 笑死息楔,一個胖子當著我的面吹牛,可吹牛的內容都是我干的扒披。 我是一名探鬼主播值依,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼碟案!你這毒婦竟也來了愿险?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤价说,失蹤者是張志新(化名)和其女友劉穎辆亏,沒想到半個月后风秤,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡褒链,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年唁情,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片甫匹。...
    茶點故事閱讀 40,680評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡甸鸟,死狀恐怖,靈堂內的尸體忽然破棺而出兵迅,到底是詐尸還是另有隱情抢韭,我是刑警寧澤,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布恍箭,位于F島的核電站刻恭,受9級特大地震影響,放射性物質發(fā)生泄漏扯夭。R本人自食惡果不足惜鳍贾,卻給世界環(huán)境...
    茶點故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望交洗。 院中可真熱鬧骑科,春花似錦、人聲如沸构拳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽置森。三九已至斗埂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間凫海,已是汗流浹背呛凶。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓抢肛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親县好。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,691評論 2 361

推薦閱讀更多精彩內容