JS_面向?qū)ο骭01

開篇

function Dog() { // Dog 對象}`
var bigHuang = new Dog()    // bigHuang dog的實例`

由來

面向?qū)ο笫怯嬎銠C語言的一種標(biāo)志械拍,他們有類的概念夺饲,而通過類,我們可以創(chuàng)建無數(shù)個對象去使用該類的方法和屬性县钥,這是極好的秀姐。但是在

ECMAScript是沒有類的概念的,這就產(chǎn)生了一些問題若贮,但是無數(shù)的能人志士相出了辦法囊扳,用函數(shù)去模擬類,于是我們誕生了構(gòu)造函數(shù)兜看。锥咸。

需要具備的JS能力

js基礎(chǔ)知識,知道對象细移,等基本引用類型搏予。

屬性操作符

 下次在說把 

正題

方式一 - 工廠模式

工廠模式是設(shè)計模式中一個廣為流傳的模式,這種模式抽象了創(chuàng)建具體對象的過程弧轧。如下雪侥,

function createPerson(name, age, job) {

 var o = new Object()

  o.name = name

  o.age = age;

  o.sayName = function () {alert (this.name)}
 
  return o;

} 

var person1 = createPerson('111', 18, 'aa');

var person2 = createPerson('222', 19, 'bb');

// 創(chuàng)建了這樣一種方式,類似于投入一種固定類的產(chǎn)品精绎,產(chǎn)出一種相同狀態(tài)的產(chǎn)品速缨,工廠模式給出了這樣一種可能,我們能造出無數(shù)種這樣的數(shù)據(jù)代乃,

只是旬牲,我們?nèi)稳徊荒茏R別出他是什么對象類型的仿粹,類似于我們都知道 '' 是字符串類型的樣子。我們需要知道他的對象類型原茅。

方式二 - 構(gòu)造函數(shù)模式

function Person(name, age, job) {

  this.name = name;

  this.age = age;

  this.sayName = function () {

    alert(this.name);

  }

}

var person1 = new Person('123', 19, 'engineer');

var person2 = new Person('24', 24, 'fale');

// 對比上述的兩種寫法吭历,我么看到了

* 沒有創(chuàng)建一個對象 

* 將屬性,方法賦給了 this

* 沒有 return 返回值

* 函數(shù)名稱首字母大寫

* 創(chuàng)建實例時擂橘,必須要用到 new 關(guān)鍵字
  1. 我們稱以大寫字母開頭的函數(shù)為構(gòu)造函數(shù)晌区,且到我們定義實例時是需要用到需要用 new 去實現(xiàn)的,這一步執(zhí)行了什么通贞?

    • 創(chuàng)建了一個新對象

    • 將構(gòu)造函數(shù)的作用域賦給新對象

    • 執(zhí)行構(gòu)造函數(shù)里的代碼(賦值朗若,屬性,方法)

    • 返回新對象

  2. 通過控制臺打印我們能把person1 打印出來看下昌罩,在proto里有一個constructor.
    `
    alert(person1.constructor === Person) // true

alert(person2.constructor === Person) // true
`
通過該屬性我們可以知道了 person2 是指向到 Person 的捡偏,(終于找到組織了)..

這個方法就本身來說,不是我們所推薦的方式峡迷。因為有 instanceof 這個操作符银伟。

alert(person1 instanceof Object); // true

alert(person1 instanceof Person); // true

alert(person2 instanceof Object); // true

alert(person2 instanceof Person); // true

注意事項

**
不要將構(gòu)造函數(shù)當(dāng)作是函數(shù)使用,雖然它本身就是函數(shù)绘搞,任何函數(shù)彤避,只要通過 new 關(guān)鍵字去引用那都是被看成是構(gòu)造函數(shù),但是夯辖,一般不建議這樣做琉预,我們要做的是遵守約定。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蒿褂,一起剝皮案震驚了整個濱河市圆米,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌啄栓,老刑警劉巖娄帖,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異昙楚,居然都是意外死亡近速,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門堪旧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來削葱,“玉大人,你說我怎么就攤上這事淳梦∥鲈遥” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵爆袍,是天一觀的道長首繁。 經(jīng)常有香客問我作郭,道長,這世上最難降的妖魔是什么蛮瞄? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任所坯,我火速辦了婚禮谆扎,結(jié)果婚禮上挂捅,老公的妹妹穿的比我還像新娘。我一直安慰自己堂湖,他們只是感情好闲先,可當(dāng)我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著无蜂,像睡著了一般伺糠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上斥季,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天训桶,我揣著相機與錄音,去河邊找鬼酣倾。 笑死舵揭,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的躁锡。 我是一名探鬼主播午绳,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼映之!你這毒婦竟也來了拦焚?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤杠输,失蹤者是張志新(化名)和其女友劉穎赎败,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蠢甲,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡螟够,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了峡钓。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片妓笙。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖能岩,靈堂內(nèi)的尸體忽然破棺而出寞宫,到底是詐尸還是另有隱情,我是刑警寧澤拉鹃,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布辈赋,位于F島的核電站鲫忍,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏钥屈。R本人自食惡果不足惜悟民,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望篷就。 院中可真熱鬧射亏,春花似錦、人聲如沸竭业。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽未辆。三九已至窟绷,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間咐柜,已是汗流浹背兼蜈。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留拙友,地道東北人为狸。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像献宫,于是被迫代替她去往敵國和親钥平。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,925評論 2 344