創(chuàng)建對(duì)象的方法

首先先回顧下前面的基本知識(shí):

js的數(shù)據(jù)類型

1、原始數(shù)據(jù)類型(基本數(shù)據(jù)類型,簡單的數(shù)據(jù)類型)

有字符串,數(shù)字,布爾,Null類型,undefined類型

2、對(duì)象類型(引用數(shù)據(jù)類型,復(fù)雜數(shù)據(jù)類型)

內(nèi)置對(duì)象:數(shù)組,字符串,日期,Math

下面主要介紹創(chuàng)建對(duì)象的集中方法:

方法一:new Object()

這里面的this 代表對(duì)象本身

通過'.'的方式訪問對(duì)象的屬性和方法或者也可以用[ ]的方式

? ? ? ? let cat =new Object();

? ? ? ? cat.name = '滾滾';

? ? ? ? cat.color = '白色';

? ? ? ? cat.intro = function(){

? ? ? ? ? ? alert(`我叫${this.name},我的顏色是${this.color}`)

? ? ? ? }

? ? ? ? cat.play = function (){

? ? ? ? ? ? console.log(this);

? ? ? ? ? ? alert(this.name + '喜歡玩毛線球')

? ? ? ? }

? ? ? ? cat.eat =function(){

? ? ? ? ? ? alert(this.name + '喜歡吃魚')

? ? ? ? }

方法二:使用{ }

方法三:工廠模式

?function Dog(name,age){

? ? ? ? ? ? let obj ={}

? ? ? ? ? ? obj.name = name;

? ? ? ? ? ? obj.age = age;

? ? ? ? ? ? obj.play = function(){

? ? ? ? ? ? ? ? console.log(this.name + '最喜歡玩飛盤了');

? ? ? ? ? ? }

? ? ? ? ? ? return obj

? ? ? ? }

? ? ? ? let dog1 = Dog('旺財(cái)',2)

? ? ? ? let dog2 =Dog('滾滾' , 3)

? ? ? ? let dog3 =Dog('小寶' , 5)

? ? ? ? let dog4 =Dog('魷魚' , 12)

通過這種方法,課以快速創(chuàng)建多個(gè)對(duì)象!

方法四:構(gòu)造函數(shù)方式,必須使用new運(yùn)算符

這里簡單寫了個(gè)王者英雄的對(duì)象的例子,嘻嘻~

? function Hero(name,type,blood){

? ? ? ? ? ? this.name = name;

? ? ? ? ? ? this.type =type;

? ? ? ? ? ? this.blood = blood;

? ? ? ? ? ?this.attack= function(skill){

? ? ? ? ? ? ? ? console.log(skill);

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? let hz =new Hero('黃忠','射手型','500血量')

? ? ? ? console.log(hz.name,hz.type,hz.blood);

? ? ? ? hz.attack('大炮')

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容