JS面向?qū)ο?/h1>

2019-04-25

構(gòu)造函數(shù)

Javascript提供了構(gòu)造函數(shù)(Constructor)模式實(shí)現(xiàn)類的設(shè)計(jì)與封裝媒区。

function 構(gòu)造函數(shù)名(參數(shù)1,參數(shù)2 … ){
    this.屬性1 = 參數(shù)1;
    this.屬性2 = 參數(shù)2;
    …..
    this.方法1  = function(參數(shù)1,參數(shù)2…){
    }
    ……
}

var 引用名 = new 構(gòu)造函數(shù)名(參數(shù)1,參數(shù)2…);

class關(guān)鍵字

? ES6 提供了更接近傳統(tǒng)語(yǔ)言的寫法颤介,引入了 Class(類)這個(gè)概念酸钦,作為對(duì)象的模板。通過(guò)class關(guān)鍵字甜害,可以定義類舶掖。類的數(shù)據(jù)類型本質(zhì)就是函數(shù)。

class 類名{
    constructor(參數(shù)1,參數(shù)2… ) {
        this.屬性1 = 參數(shù)1;
        this.屬性2 = 參數(shù)2;
        ……
    }
    方法1(參數(shù)1,參數(shù)2…){
    }
    … ….
} 
var 引用名 = new 類名(參數(shù)1,參數(shù)2…);

繼承

原型鏈繼承

? 每個(gè)JavaScript構(gòu)造函數(shù)都有一個(gè)prototype屬性尔店,可以指向另一個(gè)對(duì)象眨攘。當(dāng)訪問(wèn)對(duì)象某個(gè)屬性時(shí)主慰,JavaScript引擎會(huì)在該對(duì)象的所有屬性中查找,如果沒(méi)有找到就從prototype屬性指向的對(duì)象中查找期犬。

function Animal() {
    this.eat = function() {
        document.write("吃東西" + "<br />");
    }
}
function Bird() {
    this.fly = function() {
        document.write("飛行" + "<br />");
    }
}
Bird.prototype = new Animal();

var obj = new Bird();
obj.fly();
obj.eat();

使用call方法繼承

function Account(id, password, balance) {
    this.id = id;
    this.password = password;
    this.balance = balance;
}
function CreditAccount(id, password, balance, overdraft) {
    Account.call(this, id, password, balance);
    this.overdraft = overdraft;
}

var acc = new CreditAccount("0001", "123456", 1000, 20000);
document.write("賬號(hào):" + acc.id + "<br />");
document.write("密碼:" + acc.password + "<br />");
document.write("余額:" + acc.balance + "<br />");
document.write("透支額:" + acc.overdraft + "<br />");

通過(guò)實(shí)例直接繼承

function Account(id, password, balance) {
    this.id = id;
    this.password = password;
    this.balance = balance;
}

var acc1 = new Account("0001", "123456", 1000);
var acc2 = Object.create(acc1);
acc2.overdraft = 20000;
document.write("賬號(hào):" + acc2.id + "<br />");
document.write("密碼:" + acc2.password + "<br />");
document.write("余額:" + acc2.balance + "<br />");
document.write("透支額:" + acc2.overdraft + "<br />");

通過(guò)extends關(guān)鍵字繼承

class 子類名 extends 父類名{
}
class CreditAccount extends Account{
    
    constructor(id, password, balance,overdraft) {
        super(id, password, balance);
        this.overdraft = overdraft;
    }
    
    show () {
       return super.show()+",透支額:"+this.overdraft;
    }
}

var acc1 = new CreditAccount ("0001", "123456", 1000, 5000);
document.write(acc1.show());

閉包

? 變量的作用域有兩種:全局變量和局部變量河哑。JS在函數(shù)內(nèi)部可以直接讀取全局變量。在函數(shù)外部則無(wú)法讀取函數(shù)內(nèi)的局部變量龟虎。

// 既然f2可以讀取f1中的局部變量,那么只要把f2作為返回值沙庐,就可以在f1外部讀取它的內(nèi)部變量了
// f2函數(shù)即為閉包鲤妥。
function f1(){
  var n=999;
  function f2(){
    alert(n); 
  }
  return f2;
}
var result = f1();
result();

? 由于在Javascript語(yǔ)言中,只有函數(shù)內(nèi)部的子函數(shù)才能讀取函數(shù)的局部變量拱雏,因此可以把閉包簡(jiǎn)單理解成"定義在函數(shù)內(nèi)部的函數(shù)"棉安。

閉包的用處:

讀取函數(shù)內(nèi)部變量

將函數(shù)變量的值始終保持在內(nèi)存中,延長(zhǎng)生存期

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

  • 序言:七十年代末铸抑,一起剝皮案震驚了整個(gè)濱河市贡耽,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鹊汛,老刑警劉巖蒲赂,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異刁憋,居然都是意外死亡滥嘴,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門至耻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)若皱,“玉大人,你說(shuō)我怎么就攤上這事尘颓∽叽ィ” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵疤苹,是天一觀的道長(zhǎng)互广。 經(jīng)常有香客問(wèn)我,道長(zhǎng)痰催,這世上最難降的妖魔是什么兜辞? 我笑而不...
    開(kāi)封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮夸溶,結(jié)果婚禮上逸吵,老公的妹妹穿的比我還像新娘。我一直安慰自己缝裁,他們只是感情好扫皱,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布足绅。 她就那樣靜靜地躺著,像睡著了一般韩脑。 火紅的嫁衣襯著肌膚如雪氢妈。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天段多,我揣著相機(jī)與錄音首量,去河邊找鬼。 笑死进苍,一個(gè)胖子當(dāng)著我的面吹牛加缘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播觉啊,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼拣宏,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了杠人?” 一聲冷哼從身側(cè)響起勋乾,我...
    開(kāi)封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嗡善,沒(méi)想到半個(gè)月后辑莫,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡滤奈,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年摆昧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蜒程。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绅你,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出昭躺,到底是詐尸還是另有隱情忌锯,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布领炫,位于F島的核電站偶垮,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏帝洪。R本人自食惡果不足惜似舵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望葱峡。 院中可真熱鬧砚哗,春花似錦、人聲如沸砰奕。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至仅淑,卻和暖如春称勋,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背涯竟。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工赡鲜, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人庐船。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓蝗蛙,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親醉鳖。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

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