js原型鏈實(shí)例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>原型鏈</title>
<script type="text/javascript">
//對象的類型
// function f1(){};
// var f2=function(){};
// var f3=new Function('str','console.log(str)');

    // var o3=new f1();
    // var o1={};
    // var o2=new Object();

    // console.log(typeof Object); //function

// console.log(typeof Function); //function
// console.log(typeof o1); //object
// console.log(typeof o2); //object
// console.log(typeof o3); //object
// console.log(typeof f1); //function
// console.log(typeof f2); //function
// console.log(typeof f3); //function
// console.log('以下是對象的prototype');
// console.log(typeof o1.prototype); //object
// console.log(typeof o2.proto); //object
// console.log(typeof o3.proto); //object
// console.log(typeof f1.prototype); //function
// console.log(typeof f2.prototype); //function
// console.log(typeof f3.prototype); //function

//原型鏈生成對象詳解
// var person=function(name){
// this.name=name;
// }
// person.prototype.getName=function(){
// return this.name;
// }
// var tbh=new person('tangbohao');
// console.log(tbh.proto);
// console.log(tbh.proto === person.prototype);
// console.log(person.prototype.proto === Object.prototype);
// var tbh=new person('tangbohao');
// console.log(Object.prototype.proto)
// document.write(tbh.getName());

//原型鏈實(shí)現(xiàn)繼承實(shí)例
// function Person(name){
// this.name=name;
// this.ClassName="person";

// }
// Person.prototype.getClassName=function(){
// console.log(this.className);
// }
// function Man(){

// }
// //Man.prototype=new Person(); //new一個(gè)父類的示例批销,賦值給子類的原型,這種方法子類無法通過父類創(chuàng)建私有屬性
// Man.prototype=new Person("qwer");
// var man=new Man;

//利用原型鏈鉴腻,調(diào)用構(gòu)造函數(shù)的方式
// function Person(name){
// this.name=name;
// this.ClassName="Person";
// }
// Person.prototype.getName=function(){
// console.log(this.name);
// }
// function Man(name){
// Person.apply(this,arguments);
// }
// var man1=new Man('zhangsan');
// var man2=new Man('lisi');

//es6的繼承方式
class Person{
//static count=0;
constructor(name){
this.name=name;
//this.count++;
}
getName(){
console.log(this.name);
}
static test(){
console.log("靜態(tài)方法");
}
}

class Man extends Person{
constructor(name){
super(name);
this.sex="male";
}
}

var man=new Man("wangwu");
man.getName();
Man.test();
// var q={
// qwe:"123",
// asd:"456",
// zxc:"789"
// }

</script>

</head>
<body>

</body>
</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末响委,一起剝皮案震驚了整個(gè)濱河市刽严,隨后出現(xiàn)的幾起案子鹰溜,更是在濱河造成了極大的恐慌,老刑警劉巖棺妓,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件且改,死亡現(xiàn)場離奇詭異,居然都是意外死亡持舆,警方通過查閱死者的電腦和手機(jī)色瘩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門伪窖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人居兆,你說我怎么就攤上這事覆山。” “怎么了史辙?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵汹买,是天一觀的道長佩伤。 經(jīng)常有香客問我聊倔,道長,這世上最難降的妖魔是什么生巡? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任耙蔑,我火速辦了婚禮,結(jié)果婚禮上孤荣,老公的妹妹穿的比我還像新娘甸陌。我一直安慰自己,他們只是感情好盐股,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布钱豁。 她就那樣靜靜地躺著,像睡著了一般疯汁。 火紅的嫁衣襯著肌膚如雪牲尺。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天幌蚊,我揣著相機(jī)與錄音谤碳,去河邊找鬼。 笑死溢豆,一個(gè)胖子當(dāng)著我的面吹牛蜒简,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播漩仙,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼搓茬,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了队他?” 一聲冷哼從身側(cè)響起垮兑,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎漱挎,沒想到半個(gè)月后系枪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡磕谅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年私爷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了雾棺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,953評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡衬浑,死狀恐怖捌浩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情工秩,我是刑警寧澤尸饺,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站助币,受9級特大地震影響浪听,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜眉菱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一迹栓、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧俭缓,春花似錦克伊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至惜姐,卻和暖如春犁跪,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背载弄。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工耘拇, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人宇攻。 一個(gè)月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓惫叛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親逞刷。 傳聞我的和親對象是個(gè)殘疾皇子嘉涌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評論 2 355

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

  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情夸浅,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式仑最。簡單...
    舟漁行舟閱讀 7,761評論 2 17
  • 單例模式 適用場景:可能會(huì)在場景中使用到對象,但只有一個(gè)實(shí)例帆喇,加載時(shí)并不主動(dòng)創(chuàng)建警医,需要時(shí)才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,067評論 1 10
  • 也許你還沒有理解構(gòu)造函數(shù)和原型對象的時(shí)候已經(jīng)在javascript的路上走了很久,但直到你很好的掌握它們之前你不會(huì)...
    WanLum閱讀 411評論 0 1
  • var a = 1; console.log(typeof a);// 'number' var b = '1';...
    zdnexus閱讀 329評論 0 0
  • 趁他們睡覺的間隙 磨磨筆 畫畫這件神奇的小事
    海小心的畫匣子閱讀 415評論 8 11