快捷導(dǎo)航

JavaScript中創(chuàng)建類/對象的幾種方法總結(jié)

更新時間：2013年11月29日 09:10:20 作者：

這篇文章主要是對JavaScript中創(chuàng)建類/對象的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助

在JS中，創(chuàng)建對象（Create Object）并不完全是我們時常說的創(chuàng)建類對象，JS中的對象強(qiáng)調(diào)的是一種復(fù)合類型，JS中創(chuàng)建對象及對對象的訪問是極其靈活的。

JS對象是一種復(fù)合類型，它允許你通過變量名存儲和訪問，換一種思路，對象是一個無序的屬性集合，集合中的每一項都由名稱和值組成（聽起來是不是很像我們常聽說的HASH表、字典、健/值對？），而其中的值類型可能是內(nèi)置類型(如number,string)，也可能是對象。

一、由一對大括號括起來

復(fù)制代碼代碼如下:

var emptyObj = {};
    var myObj =
    {
        'id': 1,        //屬性名用引號括起來，屬性間由逗號隔開
        'name': 'myName'
    };
    //var m = new myObj(); //不支持

不知你注意到對象都是用 var 聲明的沒有，像上面的代碼，就只是簡單的聲明一個對象，它只有一份拷貝，你不能像實例化類對象一樣對它采用new操作，像上面代碼的注釋部分。這樣就極大的限制了對象的重用，除非你建立的對象只需要一份拷貝，否則考慮用其他方法建立對象。

下面一起看看如何訪問對象的屬性和方法。

復(fù)制代碼代碼如下:

var myObj =
    {
        'id': 1,
        'fun': function() {
            document.writeln(this.id + '-' + this.name);//以"對象.屬性"方式訪問
        },
        'name': 'myObj',
        'fun1': function() {
            document.writeln(this['id'] + '+' + this['name']);//以集合方式訪問
        }
    };
    myObj.fun();
    myObj.fun1();
    // 結(jié)果
    // 1-myObj 1+myObj

二、用 function 關(guān)鍵字模擬 class

在 function 中用 this 引用當(dāng)前對象，通過對屬性的賦值來聲明屬性。如果用var聲明變量，則該變量為局部變量，只允許在類定義中調(diào)用。

復(fù)制代碼代碼如下:

function myClass() {
            this.id = 5;
            this.name = 'myclass';
            this.getName = function() {
                return this.name;
            }
        }
        var my = new myClass();
        alert(my.id);
        alert(my.getName());
        // 結(jié)果
        // 5
        // myclass

三、在函數(shù)體中創(chuàng)建一個對象，聲明其屬性再返回

在函數(shù)體中創(chuàng)建對象可利用第一點的方法，或先 new Object(); 再為各屬性賦值。

不過用這種方式創(chuàng)建的對象在VS2008 SP1中是沒有智能提示的。

復(fù)制代碼代碼如下: