js的建立物件方式

2021-07-25 09:31:53 字數 2348 閱讀 6850

1),object建構函式建立

var user = new object

user.name = 'xiu'';

user.age = 18;

2),使用物件字面量表示法

var user = {}; //相當於 var user = new object();

var user =

物件字面量是物件定義的一種簡寫形式,目的在於簡化建立包含大量屬性的物件過程,也就是說,第一和第二種方式建立物件的方法其實是一樣的,只是寫法上的區別不同,

3),使用工廠模式建立物件

function createuser(name,age,job);

return o;

}var user1 = createuser('xiu',18,'programmer');

console.log(user1)

4),建構函式的方法

便攜乙個建構函式,並通過new方式來建立物件例項,建構函式本可以帶有構造引數

例如:

function user(name,age,job)

var user1 =  new user(18,'xiu','programmer')

console.log(user1);

對比工廠模式,我們可以發現以下區別:

1,沒有顯示地建立物件

2,直接將屬性和方法賦給了this物件

3,沒有return語句

4,終於可以識別的獨享型別.對於檢測物件型別,我們應該使用instanceof操作符

console.log(user1 instanceof object) //true

console.log(user1 instanceof user) //true

而使用工廠模式時:

var user = function(name,age,job);

var user1 = user('xiu',18,'programmer')

console.log(user1);

console.log(user1 instanceof object) //true

console.log(user1 instanceof user) //false

那麼,建構函式確實挺好用,但是它也有它的缺點:

就是每個方法都要在每個例項上重新建立一遍,方法指的就是我們愛物件裡定義的函式,如果方法數量很多,就會占用很多不必要的記憶體.於是出現了第五種建立物件的方法:

5)原型建立物件模式

function user(){}

user.prototype.name = 'xiu';

user.prototype.age = '18';

user.prototype.job = 'programmer'

var user1 = new user()

console.log(user1.name+user1.age+user1.job); //xiu18programmer

console.log(user1 instanceof user); //true

var user2 = new user()

user2.name = 'ake'

user2.job = 'girlfriend'

console.log(user2.name+user2.age+user2.job) //ake18girlfriend

console.log(user2 instanceof user)//true

可以看到,如果使用原型建立物件的方式,可以讓所有物件例項共享它所包含的屬性和方法,

並且,當為物件例項新增乙個屬性時,如果例項的原型中擁有這個同名屬性,這個屬性就會遮蔽原型物件中儲存的同名屬性.

這個時候我們就可以使用建構函式模式與原型模式結合的方式,建構函式模式用於定義例項屬性和方法,原型建立模式用於定義共享的屬性和方法

6)建構函式模式+原型模式

function user(name,age,job)

user.prototype =

} var user1 = new user('xiu',18,'programmer')

console.log(user1)

user1.sayname();

var user2 = new user('ke',18,'girlfriend')

user2.sayname();

JS建立物件方式

一 物件 對個資料的封裝體,儲存多個資料的容器 可以統一管理多個資料 1 分類 1 內建物件 由es標準定義的物件,在任何es的實現都可以使用 例如 math string number function object 2 宿主物件 由js執行環境提供的物件 例如 dom bom 3 自定義物件 使...

js建立物件的方式

1.object 利用內建物件形式建立 var boy new object 屬性 boy.name 哈哈 屬性 boy.image 男性頭像 屬性 boy.healthpoint hp 100 屬性 boy.magicpoint mp 100 技能 boy.technologys 方法 boy.a...

js建立物件的方式

js中建立的物件的方式很多,常用的方式有四種 1.new object 動態增加屬性和方法 直接用 物件.新增屬性和方法。刪除屬性和方法用delete 關鍵字 屬性。直接刪除。2.工廠函式 建立乙個函式如 function createstudent name,age return o 3.建構函式...