2018-5-31構(gòu)造函數(shù)

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

? ? ? ? 說構(gòu)造函數(shù)的概念之前我們應(yīng)該先了解類的概念淮捆,類與對(duì)象的概念息息相關(guān)验懊,我們?cè)谥v對(duì)象的概念的時(shí)候說過雨让,一只貓是一個(gè)對(duì)象卧惜,一個(gè)人是一個(gè)對(duì)象厘灼,一章桌子也是一個(gè)對(duì)象,那么我們平時(shí)說的貓咽瓷,人设凹,桌子在沒有特定指出是哪一個(gè)對(duì)象的時(shí)候,我們其實(shí)說的就是類茅姜。我們身邊有人類闪朱,貓也是一個(gè)類,任何有相同屬性和方法的對(duì)象我們都可以稱他們?yōu)橐粋€(gè)類匈睁。

? ? ? ? 在很多面向?qū)ο笳Z言中都有類的概念监透,但是在javascript(es5)中沒有類桶错。而我們可以通過構(gòu)造函數(shù)來模擬一個(gè)類航唆。

? ? ? ? ? ? function Cat(){

this.name='miaomiao';

this.age=12;

this.sayName=function(){

console.log('我們是貓類');

}

}

var cat=new Cat();

console.log(cat.name);

cat.sayName();

? ? ? ? 構(gòu)造函數(shù)的函數(shù)名首字母大寫,可以通過在函數(shù)中的this為類設(shè)置屬性和方法院刁,我們?cè)谏厦娴拇a中為貓這個(gè)類定義了一個(gè)name屬性糯钙,并賦值為"miaomiao",類創(chuàng)建完成后退腥,我們可以通過new關(guān)鍵字創(chuàng)建這個(gè)類的實(shí)例任岸。例如cat這個(gè)變量就是Cat類的一個(gè)實(shí)例。

? ? ? ? 我們可以通過傳參的方式狡刘,在實(shí)例化對(duì)象的時(shí)候?yàn)閷?duì)象設(shè)置屬性


? ? ? ? ? function Cat(name,age){

this.name=name;

this.age=age;

this.sayName=function(){

console.log('我是'+this.name);

}

? ? ? ? ? ? }

? ? ? ? ? var cat=new Cat('mioamiao',12);

? ? ? ? ? cat.sayName();

? ? ? ? ? console.log(cat);


? ? ? ? 一個(gè)構(gòu)造函數(shù)可以生成多個(gè)對(duì)象的實(shí)例

? ? ? ? ? function Person(name,age){

? ? ? ? ? this.name=name;

? ? ? ? ? this.age=age;

? ? ? ? ? this.say=function(){

? ? ? ? ? ? ? console.log('大家好');

? ? ? ? ? }

? ? ? ? ? }

? ? ? ? ? var lily=Person('lily',12);

? ? ? ? ? var lucy=Person('lucy',13);

? ? ? ? ? console.log(lily);

? ? ? ? ? console.log(lucy);

? ? ? ? ? console.log(lily.say==lucy.say);

一個(gè)構(gòu)造函數(shù)Person生成了兩個(gè)對(duì)象實(shí)例lily和lucy享潜,并且有兩個(gè)屬性和一個(gè)方法。但是嗅蔬,它們的say方法是不一樣的剑按。也就是說,每當(dāng)你使用new來調(diào)用構(gòu)造函數(shù)放回一個(gè)對(duì)象實(shí)例的時(shí)候澜术,都會(huì)創(chuàng)建一個(gè)hobby方法艺蝴。這既沒有必要,又浪費(fèi)資源鸟废,say方法完全可以被兩個(gè)對(duì)象實(shí)例共享猜敢。? ? ? ? ?

構(gòu)造函數(shù)的缺點(diǎn)就是:同一個(gè)構(gòu)造函數(shù)的對(duì)象實(shí)例之間無法共享屬性或方法。

 為了解決構(gòu)造函數(shù)的對(duì)象實(shí)例之間無法共享屬性的缺點(diǎn),js提供了prototype屬性缩擂。

每一個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性鼠冕,這個(gè)屬性指向一個(gè)原型對(duì)象,這個(gè)原型對(duì)象上的所有屬性和方法都可以被這個(gè)構(gòu)造函數(shù)的實(shí)例使用

function Person(name,age){

this.name=name;

this.age=age;

}

Person.prototype.hobby=function(){

return 'movie';

}

var girl=new Cat('rose',12);

var boy=new Cat('jack',18);

console.log(girl.hobby==boy.hobby);

如果將hobby方法放在原型對(duì)象上胯盯,那么兩個(gè)實(shí)例對(duì)象都共享著同一個(gè)方法供鸠。

一、ECMAscript

? ? ECMAscript簡稱ES陨闹,是JavaScript的標(biāo)準(zhǔn)楞捂,我們經(jīng)常說的ES5,ES6等等趋厉,可以稱作JavaScript的版本寨闹,我們?cè)谥皩W(xué)過的所有JavaScript特性,都是基于ES5版本的君账,今天我們開始講解的是ES6標(biāo)準(zhǔn)的特性繁堡。ES6已更名為ES2015,ES7等后續(xù)的版本乡数,我們都可以統(tǒng)稱為ES2015+椭蹄。

二、變量和常量

? 我們之前一直使用var定義變量净赴,在ES6版本中绳矩,我們可以使用let定義變量,下面我們來說說var與let的區(qū)別玖翅。


? 塊級(jí)作用域

? S5只有全局作用域和函數(shù)作用域翼馆,沒有塊級(jí)作用域的概念,這帶來了很多不合理的場(chǎng)景金度∮γ模看下面的代碼

? ? for(var i = 0;i<10;i++){

? ? ? console.log(i); // 0-9

}

console.log(i);? ? // 10


? 因?yàn)闆]有塊級(jí)作用域,所以我們?cè)趂or語句的外面仍然能獲取i的值猜极,在實(shí)際開發(fā)中中姜,這是一個(gè)不可理喻的場(chǎng)景,我們希望的是這個(gè)i只在for語句內(nèi)有效跟伏,所以再ES6中添加了塊級(jí)作用域的概念丢胚,我們可以用let聲明變量,問題就解決了

? ? for(let i = 0;i<10;i++){

? ? ? console.log(i); // 0-9

}

console.log(i);? ? // 報(bào)錯(cuò) i is not defined

? 因?yàn)橛胠et聲明變量酬姆,變量只在塊級(jí)作用域下有效嗜桌,所以再for語句之外輸出i會(huì)報(bào)錯(cuò)。

? 不存在變量提升

? ? ? 我們使用var定義變量會(huì)發(fā)生“變量提升”辞色,我們來看下面的代碼

? ? ? console.log(number);? ? ? ? ? ? //undefied

? ? ? var number = 100;? ? ? ? ? ? ?

console.log(string);? ? ? ? ? ? //報(bào)錯(cuò)

let string = "hello world";

? ? ? 變量提升會(huì)導(dǎo)致我們?cè)谧兞柯暶髦笆褂米兞恳膊粫?huì)報(bào)錯(cuò)骨宠,但是這個(gè)變量的值是undefined浮定,這是不合理的,因?yàn)槿晃覀円褂眠@個(gè)變量层亿,那就應(yīng)該提前聲明桦卒,如果沒有提前聲明,就應(yīng)該給予錯(cuò)誤提示匿又。所以再ES6中我們使用let聲明變量方灾,如果在聲明變量前使用變量就會(huì)報(bào)錯(cuò)。

? ? ? 關(guān)于報(bào)錯(cuò)碌更,有些同學(xué)會(huì)感覺不報(bào)錯(cuò)要比報(bào)錯(cuò)好裕偿,但實(shí)際開發(fā)中,如果程序運(yùn)行與我們的語氣不符痛单,我們更希望看到錯(cuò)誤信息嘿棘,這樣有利于我們更快地發(fā)現(xiàn)問題。

? ? 不允許重復(fù)聲明


? ? ? ? 在ES5中旭绒,我們可以多次聲明同一個(gè)變量

? ? ? ? var a = 10;

? ? ? ? var a = 20;

? ? ? ? let b = 10;

? ? ? ? let b = 20;? //報(bào)錯(cuò)

? ? ? 但是多次聲明是沒有意義的鸟妙,在ES6中,我們使用let聲明變量限制了不能多次聲明挥吵,如果多次聲明同一個(gè)變量回報(bào)錯(cuò)重父。

? ? 常量


? ? ? 在ES6中,不僅有變量忽匈,還增加了常量的概念房午,我們用const聲明常亮,一旦聲明脉幢,它的值就不能再改變

? ? ? ? const PI = 3.1415926;

? ? ? ? PI = 3? ? ? ? ? ? ? ? ? //報(bào)錯(cuò)


? ? ? 我們說常亮不能再改變歪沃,說的是不能重新為這個(gè)常亮賦值嗦锐,但是如果常亮存儲(chǔ)的是一個(gè)對(duì)象嫌松,那我們是可以改變這個(gè)對(duì)象的屬性的?

? ? const obj = {name:'小明'};

? ? obj.name = '小紅';

? ? console.log(obj.name);? //小紅

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市奕污,隨后出現(xiàn)的幾起案子萎羔,更是在濱河造成了極大的恐慌,老刑警劉巖碳默,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贾陷,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡嘱根,警方通過查閱死者的電腦和手機(jī)髓废,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來该抒,“玉大人慌洪,你說我怎么就攤上這事。” “怎么了冈爹?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵涌攻,是天一觀的道長。 經(jīng)常有香客問我频伤,道長恳谎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任憋肖,我火速辦了婚禮因痛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘岸更。我一直安慰自己婚肆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布坐慰。 她就那樣靜靜地躺著较性,像睡著了一般。 火紅的嫁衣襯著肌膚如雪结胀。 梳的紋絲不亂的頭發(fā)上赞咙,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音糟港,去河邊找鬼攀操。 笑死,一個(gè)胖子當(dāng)著我的面吹牛秸抚,可吹牛的內(nèi)容都是我干的速和。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼剥汤,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼颠放!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起吭敢,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤碰凶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后鹿驼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體欲低,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年畜晰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了砾莱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡凄鼻,死狀恐怖腊瑟,靈堂內(nèi)的尸體忽然破棺而出面哼,到底是詐尸還是另有隱情,我是刑警寧澤扫步,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布魔策,位于F島的核電站,受9級(jí)特大地震影響河胎,放射性物質(zhì)發(fā)生泄漏闯袒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一游岳、第九天 我趴在偏房一處隱蔽的房頂上張望政敢。 院中可真熱鬧,春花似錦胚迫、人聲如沸喷户。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽褪尝。三九已至,卻和暖如春期犬,著一層夾襖步出監(jiān)牢的瞬間河哑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國打工龟虎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留璃谨,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓鲤妥,卻偏偏與公主長得像佳吞,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子棉安,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

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

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line)底扳,也就是一...
    悟名先生閱讀 4,145評(píng)論 0 13
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情垂券,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式花盐。簡單...
    舟漁行舟閱讀 7,750評(píng)論 2 17
  • Scala與Java的關(guān)系 Scala與Java的關(guān)系是非常緊密的!菇爪! 因?yàn)镾cala是基于Java虛擬機(jī),也就是...
    燈火gg閱讀 3,440評(píng)論 1 24
  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學(xué)習(xí)記錄文檔柒昏,今天18年5月份再次想寫文章凳宙,發(fā)現(xiàn)簡書還為我保存起的...
    Jenaral閱讀 2,752評(píng)論 2 9
  • 我們畢竟有過美好的時(shí)光 我們?cè)掷肿哌^高山穿過草地 在一條小河旁坐下 那時(shí)我答應(yīng)帶你到海上去 你對(duì)我說過的那些話...
    半盞玉茗閱讀 193評(píng)論 5 2