js 建立物件的6種方式

字面式建立物件

var person =

};

var person =

newobject()
;person.name =
"lisi"
;person.age =21;
person.family =
["lida"
,"lier"
,"wangwu"];
person.
say=
function()

工廠模式

function

createperson
(name,age,family)
return o;
}var person1 =
createperson
("lisi",21
,["lida"
,"lier"
,"wangwu"])
;//instanceof無法判斷它是誰的例項，只能判斷他是物件，建構函式都可以判斷出
var person2 =
createperson
("wangwu",18
,["lida"
,"lier"
,"lisi"])
;console.
log(person1 instanceof
object);
//true

建構函式

function

person
(name,age,family)
}var person1 =
newperson
("lisi",21
,["lida"
,"lier"
,"wangwu"])
;var person2 =
newperson
("lisi",21
,["lida"
,"lier"
,"lisi"])
;console.
log(person1 instanceof
object);
//true
console.
log(person1 instanceof
person);
//true
console.
log(person2 instanceof
object);
//true
console.
log(person2 instanceof
person);
//true
console.
log(person1.constructor)
;//constructor 屬性返回對建立此物件的陣列、函式的引用

1、沒有顯式地建立物件

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

3、沒有 return 語句

可以看出，建構函式知道自己從**來（通過 instanceof 可以看出其既是object的例項，又是person的例項）

建構函式也有其缺陷，每個例項都包含不同的function例項（ 建構函式內的方法在做同一件事，但是例項化後卻產生了不同的物件，方法是函式 ，函式也是物件）

因此產生了原型模式

原型模式

function

person()
person.prototype.name =
"lisi"
;person.prototype.age =21;
person.prototype.family =
["lida"
,"lier"
,"wangwu"];
person.prototype.
say=
function()
;console.
log(person.prototype)
;//object
var person1 =
newperson()
;//建立乙個例項person1
console.
log(person1.name)
;//lisi
var person2 =
newperson()
;//建立例項person2
person2.name =
"wangwu"
;person2.family =
["lida"
,"lier"
,"lisi"];
console.
log(person2)
;//person 
// console.log(person2.prototype.name);         //報錯
console.
log(person2.age)
;//21

混合模式（建構函式模式+原型模式）

建構函式模式用於定義例項屬性，原型模式用於定義方法和共享的屬性

function

person
(name,age,family)
person.prototype =
}var person1 =
newperson
("lisi",21
,["lida"
,"lier"
,"wangwu"])
;console.
log(person1)
;var person2 =
newperson
("wangwu",21
,["lida"
,"lier"
,"lisi"])
;console.
log(person2)
;person2.
say(
);

js建立物件的6種方式總結

1 new 操作符 object 建立物件 var person new object person.name lisi person.age 21 person.family lida lier wangwu person.say function 2 字面量式建立物件 var person 以上...

JS 建立物件的6種方式總結

一 new 操作符 object 建立物件 1 var person new object 2 person.name lisi 3 person.age 21 4 person.family lida lier wangwu 5 person.say function 二 字面式建立物件 1 va...

建立物件的6種方式

物件 無序的屬性的集合，key 字串 不重複 value 任何資料型別 表現方式 對映 賦值 1 new object var x age var obj newobject obj.name gao obj.x 18 字串 obj x 16 變數 console.log obj 字面量 var x...