Lesson-7 JS原型

JavaScript 語(yǔ)言是通過(guò)一種叫做 原型(prototype)的方式來(lái)實(shí)現(xiàn)面向?qū)ο缶幊痰?
對(duì)象(object)則是依靠 構(gòu)造器(constructor)利用 原型(prototype)構(gòu)造出來(lái)的尝苇。
上面說(shuō)的這一點(diǎn)很重要 需要細(xì)細(xì)思考 拋棄以前的的面向?qū)ο蟮墓逃心J健?br> 在這里先說(shuō)一下幾個(gè)概念
構(gòu)造函數(shù)什么削葱,其實(shí)就是一個(gè)函數(shù),但是在調(diào)用的時(shí)候使用new關(guān)鍵字严卖,然后我們就可以獲取一個(gè)新的對(duì)象了

function Student(name) {
    this.name = name;
    this.hello = function () {
        alert('Hello, ' + this.name + '!');
    }
}

使用構(gòu)造函數(shù)創(chuàng)造的對(duì)象還會(huì)繼承構(gòu)造器(constructor)巍佑,

xiaoming.constructor === Student.prototype.constructor; // true
Student.prototype.constructor === Student; // true

Object.getPrototypeOf(xiaoming) === Student.prototype; // true

xiaoming instanceof Student; // true

還有一點(diǎn)需要聲明的是通過(guò)構(gòu)造函數(shù)生成的對(duì)象是沒(méi)有prototype屬性的稼虎,而且構(gòu)造函數(shù)中的屬性其實(shí)是每一個(gè)對(duì)象單獨(dú)擁有送爸,但是如果說(shuō)有一個(gè)函數(shù)都是一樣的,那么我們可以直接設(shè)置構(gòu)造函數(shù)的prototype顷编,如下

function Student(name) {
    this.name = name;
}

Student.prototype.hello = function () {
    alert('Hello, ' + this.name + '!');
};

一般來(lái)說(shuō)是放一些函數(shù)和靜態(tài)值戚炫,也就是說(shuō)不會(huì)改變的東西

上面說(shuō)的這些其實(shí)只是簡(jiǎn)單的說(shuō)了一下JS創(chuàng)造類的方法

那么我們?nèi)绾螌?shí)現(xiàn)繼承呢

下面我先放一段別的地方粘貼過(guò)來(lái)的方法

function Foo() {
    this.value = 42;
}
Foo.prototype = {
    method: function() {}
};

function Bar() {}

// 設(shè)置Bar的prototype屬性為Foo的實(shí)例對(duì)象
Bar.prototype = new Foo();
Bar.prototype.foo = 'Hello World';

// 修正Bar.prototype.constructor為Bar本身
Bar.prototype.constructor = Bar;

var test = new Bar() // 創(chuàng)建Bar的一個(gè)新實(shí)例

// 原型鏈
test [Bar的實(shí)例]
    Bar.prototype [Foo的實(shí)例] 
        { foo: 'Hello World' }
        Foo.prototype
            {method: ...};
            Object.prototype
                {toString: ... /* etc. */};

這里面實(shí)現(xiàn)了簡(jiǎn)單的繼承

在這里我需要先插一些題外話

這里先說(shuō)一下 this 在函數(shù)中表示調(diào)用對(duì)象或者全局對(duì)象, 在構(gòu)造函數(shù)中表示新對(duì)象媳纬,當(dāng)然this對(duì)象也可能發(fā)生變換 比如我們使用 call或者apply就會(huì)直接綁定到第一個(gè)參數(shù)上面
所以

function PrimaryStudent(props) {
    // 調(diào)用Student構(gòu)造函數(shù)双肤,綁定this變量:
    Student.call(this, props);
    this.grade = props.grade || 1;
}

但是調(diào)用了構(gòu)造函數(shù)不等于就已經(jīng)繼承了,我們還需要改變prototype屬性

Nodejs 實(shí)現(xiàn)繼承

Node提供了一種超級(jí)便利的繼承工具 如下使用

var util = require("util");var events = require("events");function MyStream() { events.EventEmitter.call(this);}util.inherits(MyStream, events.EventEmitter);MyStream.prototype.write = function(data) { this.emit("data", data);}var stream = new MyStream();console.log(stream instanceof events.EventEmitter); // trueconsole.log(MyStream.super_ === events.EventEmitter); // truestream.on("data", function(data) { console.log('Received data: "' + data + '"');})stream.write("It works!"); // Received data: "It works!"
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末钮惠,一起剝皮案震驚了整個(gè)濱河市茅糜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌素挽,老刑警劉巖蔑赘,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異预明,居然都是意外死亡缩赛,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門撰糠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)酥馍,“玉大人,你說(shuō)我怎么就攤上這事阅酪≈继唬” “怎么了汁针?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)峦失。 經(jīng)常有香客問(wèn)我扇丛,道長(zhǎng)术吗,這世上最難降的妖魔是什么尉辑? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮较屿,結(jié)果婚禮上隧魄,老公的妹妹穿的比我還像新娘。我一直安慰自己隘蝎,他們只是感情好购啄,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著嘱么,像睡著了一般狮含。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上曼振,一...
    開(kāi)封第一講書(shū)人閱讀 49,036評(píng)論 1 285
  • 那天几迄,我揣著相機(jī)與錄音,去河邊找鬼冰评。 笑死映胁,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的甲雅。 我是一名探鬼主播解孙,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼抛人!你這毒婦竟也來(lái)了弛姜?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤妖枚,失蹤者是張志新(化名)和其女友劉穎廷臼,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體盅惜,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡中剩,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了抒寂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片结啼。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖屈芜,靈堂內(nèi)的尸體忽然破棺而出郊愧,到底是詐尸還是另有隱情朴译,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布属铁,位于F島的核電站眠寿,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏焦蘑。R本人自食惡果不足惜盯拱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望例嘱。 院中可真熱鬧狡逢,春花似錦、人聲如沸拼卵。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)腋腮。三九已至雀彼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間即寡,已是汗流浹背徊哑。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留嘿悬,地道東北人实柠。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像善涨,于是被迫代替她去往敵國(guó)和親窒盐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容