首先先回顧下前面的基本知識(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('大炮')