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

接下來的幾篇同標(biāo)題文章皆是轉(zhuǎn)載自王福朋 - 博客園

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

——當(dāng)然,也不是所有的都是對象,值類型就不是對象。

首先咱們還是先看看javascript中一個常用的運算符——typeof。typeof應(yīng)該算是咱們的老朋友,還有誰沒用過它?

typeof函數(shù)輸出的一共有幾種類型,在此列出:

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輸出的集中類型標(biāo)識,其中上面的四種(undefined, number, string, boolean)屬于簡單的值類型,不是對象。剩下的幾種情況——函數(shù)、數(shù)組、對象、null、new Number(10)都是對象。他們都是引用類型。

判斷一個變量是不是對象非常簡單。值類型的類型判斷用typeof,引用類型的類型判斷用instanceof。

var fn = function () { };
console.log(fn instanceof Object);  // true

好了,上面說了半天對象,各位可能也經(jīng)常在工作中應(yīng)對對象,在生活中還得應(yīng)對活生生的對象。有些個心理不正?;蛘邜坶_玩笑的單身人士,還對于系統(tǒng)提示的“找不到對象”耿耿于懷。那么在javascript中的對象,到底該如何定義呢?

對象——若干屬性的集合。

java或者C#中的對象都是new一個class出來的,而且里面有字段、屬性、方法,規(guī)定的非常嚴(yán)格。但是javascript就比較隨意了——數(shù)組是對象,函數(shù)是對象,對象還是對象。對象里面的一切都是屬性,只有屬性,沒有方法。那么這樣方法如何表示呢?——方法也是一種屬性。因為它的屬性表示為鍵值對的形式。

而且,更加好玩的事,javascript中的對象可以任意的擴(kuò)展屬性,沒有class的約束。這個大家應(yīng)該都知道,就不再強調(diào)了。

先說個最常見的例子:

image.png

以上代碼中,obj是一個自定義的對象,其中a、b、c就是它的屬性,而且在c的屬性值還是一個對象,它又有name、year兩個屬性。

這個可能比較好理解,那么函數(shù)和數(shù)組也可以這樣定義屬性嗎?——當(dāng)然不行,但是它可以用另一種形式,總之函數(shù)/數(shù)組之流,只要是對象,它就是屬性的集合。

以函數(shù)為例子:

var fn = function () {
            alert(100);
        };
        fn.a = 10;
        fn.b = function () {
            alert(123);
        };
        fn.c = {
            name: "小明",
            year: 1988
        };

上段代碼中,函數(shù)就作為對象被賦值了a、b、c三個屬性——很明顯,這就是屬性的集合嗎。

你問:這個有用嗎?

回答:可以看看jQuery源碼!

在jQuery源碼中,“jQuery”或者“$”,這個變量其實是一個函數(shù),不信你可以叫咱們的老朋友typeof驗證一下。

console.log(typeof $);  // function
console.log($.trim(" ABC "));

驗明正身!的確是個函數(shù)。那么咱們常用的 $.trim() 也是個函數(shù),經(jīng)常用,就不用驗了吧!

很明顯,這就是在$或者jQuery函數(shù)上加了一個trim屬性,屬性值是函數(shù),作用是截取前后空格。

javascript與java/C#相比,首先最需要解釋的就是弱類型,因為弱類型是最基本的用法,而且最常用,就不打算做一節(jié)來講。

其次要解釋的就是本文的內(nèi)容——一切(引用類型)都是對象,對象是屬性的集合。最需要了解的就是對象的概念,和java/C#完全不一樣。所以,切記切記!

最后,有個疑問。在typeof的輸出類型中,function和object都是對象,為何卻要輸出兩種答案呢?都叫做object不行嗎?——當(dāng)然不行。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容