js中建立物件常用的6種方法

2021-10-10 05:04:32 字數 1479 閱讀 6043

第一種 直接new 乙個

var a =

newobject()

a.name=

'張三'

a.age=

'2020'

console.

log(a)

第二種 用{}

var a =

console.

log(a)

第三種 工廠模式

function

a(name,age)

// 用return 返回出去

return aa

}var b =a(

'張三'

,'2020'

)

console.

log(b)

// 呼叫方法

b.create

()

第四種 建構函式

function

a(name, age)

}var aa =

newa

('2020'

,'張三'

) console.

log(aa)

// 呼叫方法

aa.create

()

第五種 原型

function

a(name, age)

this

.name = name;

this

.age = age;

}var aa =

newa

('張三'

,2020);

console.

log(aa)

; aa.

fun(

)

混合模式(原型加構造)

function

a(name, age)

a.prototype.

run=

function()

var aa =

newa

('張三'

,'2020');

// 呼叫方法

aa.run(

)// ---------------------

var a =

a.__proto__.

fun=

function()

// 呼叫

a.fun(

)// ------------------------

// prototype:這個是建構函式裡面原型新增的方法

// proto:這個是物件裡面原型新增的方法

js中建立物件的三種方法

方法一 直接建立物件 var dog console.log dog.age console.log dog.uname console.log dog type dog.saywang 方法二 使用new object建立,屬性和方法使用 新增。var obg newobject obg.unam...

JS建立物件的三種方法

工廠模式 function person name,age,job return obj var person person five 17,web person.sayname 工廠模式定義好形參之後,new乙個物件,然後return回去 即可在外部呼叫函式,然後傳入實參。即可使用函式內部的方法建...

JS建立物件的三種方法

一 工廠模式 通過函式來封裝,用object方式來建立 function creatperson name,age,job return o var person1 createperson judy 23,teacher var person2 createperson andy 21,docto...