建立物件的6種方式

2021-10-14 08:37:45 字數 2612 閱讀 6228

物件:無序的屬性的集合,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=

"hooby"

;var obj=

; obj.***=

"男";

obj[x]

="唱歌"

obj.

say=

function()

console.

log(obj)

;

建立 具有 相同 屬性名 的 多個物件

3)工廠函式

// 優點: 返回 新物件,互不影響

// 缺點: **重複(相同方法)、

// 沒有從屬(不能知道物件從那裡來)-->instanceof 只能判斷 是 物件,不能判斷屬於誰

function

students

(name,age)

}return obj;}/*

工廠模式寫法

1、建立函式

2、傳入引數

3、函式內建立物件

4、retrun 物件

*//*

呼叫:函式名(引數)

*/var obj1 =

students

("gao",18

);console.

log(obj1)

;// 沒有從屬(不能知道物件從那裡來)-->instanceof 只能判斷 是 物件,不能判斷屬於誰

console.

log(obj1 instanceof

object);

//true

console.

log(obj1 instanceof

students);

//false

4)建構函式

//優點: 有從屬

//缺點: **重複(相同方法)、

//共識:建構函式首字母大寫

function

students

(name,age)}/*

建構函式寫法:

1、建立函式

2、傳入引數

3、this.屬性名 = 值

*//*

呼叫:var obj =new 建構函式(引數)

*/var obj1=

newstudents

("gao",19

);console.

log(obj1)

;console.

log( obj1 instanceof

object);

//true

console.

log( obj1 instanceof

students);

//true 有從屬

5)原型物件

原型:每個函式中都有乙個 prototype 屬性 ,屬性的值是物件,這個物件 叫原型物件

// 優點: 公共/相同 的 屬性 、方法  不重複 

// 有從屬關係

// 缺點: 原型上的 屬性不可單獨改變

functionfn(

)fn.prototype.name=

"高";

fn.prototype.age=19;

fn.prototype.

say=

function()

;var obj1=

newfn()

;console.

log(

"obj1"

,obj1)

;

6)組合模式 +(建構函式模式 +原型模式)

// 組合模式 (構造 + 原型)

// 有從屬關係

// 不重複

// 屬性 定義在 建構函式 內

function

fn(name,age)

// 方法 定義在 建構函式的 原型物件上

fn.prototype.

say=

function()

var obj1=

newfn

("gao",12

);var obj2=

newfn

("王",19

);console.

log(

"obj1"

,obj1)

;console.

log(

'obj2'

, obj2)

;obj1.

say();

obj2.

say(

);

js 建立物件的6種方式

字面式建立物件var person new 操作符 object 建立物件var person newobject person.name lisi person.age 21 person.family lida lier wangwu person.say function 以上兩種方法在使用同...

php 建立空物件 PHP建立物件的6種方式

每日17點準時技術乾貨分享 建立物件例項 echo obj1 getname 2 將類名字串賦值給乙個變數,通過變數建立 clsname person obj2 new clsname echo 類名 get class obj2 echo obj2 getname 3 通過物件例項建立物件 obj...

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 以上...