創(chuàng)建函數(shù)方法的演變

1.函數(shù)聲明

function test1(a){
  a();
}
function test2(){
  console.log("執(zhí)行啦贷屎!");
}
test1(test2);//輸出:"執(zhí)行啦惫东!"

2.函數(shù)表達(dá)式

var test=function(){
  console.log("執(zhí)行啦拳球!");
}
test();//輸出:"執(zhí)行啦驾孔!"

3.工廠模式

function createPerson(name, sex, age) {
  var obj = new Object();
  obj.name = name;
  obj.sex = sex;
  obj.age = age;
  obj.sayName = function () {
    console.log("My name is Tom");
  };
  return obj;
}

var p1 = createPerson('Tom', '男', 20);
var p2 = createPerson('Jack', '男', 21);
console.log(p1.name);//輸出:"Tom"
console.log(p2.name);//輸出:"Jack"

4.構(gòu)造函數(shù)模式

//首字母大寫
function Person(name,sex,age){
  this.name=name;
  this.sex=sex;
  this.age=age;
  this.sayName=function(){
    console.log("My name is Tom");
  }
}
var p1=new Person('Tom','男',20);
var p2=new Person('Jack','男',21);
console.log(p1.constructor===Person);//輸出:true
console.log(p1 instanceof Person);//輸出:true
console.log(p1.sex===p2.sex);//輸出:true
console.log(p1.sayName===p2.sayName);//輸出:false

//函數(shù)優(yōu)化稽鞭,避免內(nèi)部函數(shù)重復(fù)創(chuàng)建
function Person(name,sex,age){
  this.name=name;
  this.sex=sex;
  this.age=age;
  this.sayName=sayName;
}
function sayName(){
    console.log("My name is Tom");
  }
var p1=new Person('Tom','男',20);
var p2=new Person('Jack','男',21);
console.log(p1.sayName===p2.sayName);//輸出:true
p1.sayName();//輸出:"My name is Tom"

5.原型模式

function Person(){
}
var obj=Person.prototype;
obj.name='Tom';
obj.sex='20';
obj.sayName=function(){
  console.log("My name is Tom");
}
var p1=new Person();
var p2=new Person();
console.log(p1.name);//輸出:"Tom"
console.log(p1.sayName===p2.sayName);//輸出:true
console.log(p1.prototype);//輸出:undefind
//原型對(duì)象.constructor=構(gòu)造函數(shù)
//構(gòu)造函數(shù).prototype=原型對(duì)象
//實(shí)例對(duì)象=new 構(gòu)造函數(shù)
//原型對(duì)象.isPrototypeOf(實(shí)例對(duì)象) true

6.組合構(gòu)造函數(shù)模式和原型模式

function Person(name,sex,age){
  this.name=name;
  this.sex=sex;
  this.age=age;
  this.friends=["zhangsan","lisi"];
}
Person.prototype={
  constructor:Person,
  sayName:function(){
    console.log("My name is Tom");
  }
}

var p1=new Person('Tom','男',20);
var p2=new Person('Jack','男',21);
p1.friends.push("wangwu");
console.log(p1.friends);//輸出:["zhangsan","lisi","wangwu"]
console.log(p2.friends);//輸出:["zhangsan","lisi"]
console.log(p1.sayName===p2.sayName);//輸出:true

7.class模式

class  Person{
  constructor(name,sex,age){
    this.name = name;
    this.sex = sex;
    this.age = age;
  }
  sayName(){
    console.log("My name is Tom");
  }
}
var p1=new Person('Tom','男',20);
var p2=new Person('Jack','男',21);
console.log(p1.name);//輸出:"Tom"
console.log(p1.sayName===p2.sayName);//輸出:true
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末诵闭,一起剝皮案震驚了整個(gè)濱河市采蚀,隨后出現(xiàn)的幾起案子熊赖,更是在濱河造成了極大的恐慌来屠,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件震鹉,死亡現(xiàn)場(chǎng)離奇詭異俱笛,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)传趾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門迎膜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人浆兰,你說我怎么就攤上這事磕仅∩罕” “怎么了?”我有些...
    開封第一講書人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵榕订,是天一觀的道長(zhǎng)店茶。 經(jīng)常有香客問我,道長(zhǎng)卸亮,這世上最難降的妖魔是什么忽妒? 我笑而不...
    開封第一講書人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮兼贸,結(jié)果婚禮上段直,老公的妹妹穿的比我還像新娘。我一直安慰自己溶诞,他們只是感情好鸯檬,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著螺垢,像睡著了一般喧务。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上枉圃,一...
    開封第一講書人閱讀 49,007評(píng)論 1 284
  • 那天功茴,我揣著相機(jī)與錄音,去河邊找鬼孽亲。 笑死漏健,一個(gè)胖子當(dāng)著我的面吹牛溺职,可吹牛的內(nèi)容都是我干的敢朱。 我是一名探鬼主播窟蓝,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼篮绿!你這毒婦竟也來了孵延?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤亲配,失蹤者是張志新(化名)和其女友劉穎尘应,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體弃榨,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡菩收,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了鲸睛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片娜饵。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖官辈,靈堂內(nèi)的尸體忽然破棺而出箱舞,到底是詐尸還是另有隱情遍坟,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布晴股,位于F島的核電站愿伴,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏电湘。R本人自食惡果不足惜隔节,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望寂呛。 院中可真熱鬧怎诫,春花似錦、人聲如沸贷痪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)劫拢。三九已至肉津,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間舱沧,已是汗流浹背妹沙。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留熟吏,地道東北人初烘。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像分俯,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子哆料,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理缸剪,服務(wù)發(fā)現(xiàn),斷路器东亦,智...
    卡卡羅2017閱讀 134,599評(píng)論 18 139
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語(yǔ)法杏节,類相關(guān)的語(yǔ)法,內(nèi)部類的語(yǔ)法典阵,繼承相關(guān)的語(yǔ)法奋渔,異常的語(yǔ)法,線程的語(yǔ)...
    子非魚_t_閱讀 31,581評(píng)論 18 399
  • 本章內(nèi)容 理解對(duì)象屬性 理解并創(chuàng)建對(duì)象 理解繼承 面向?qū)ο笳Z(yǔ)言有一個(gè)標(biāo)志壮啊,那就是它們都有類的概念嫉鲸,而通過類可以創(chuàng)建...
    悶油瓶小張閱讀 841評(píng)論 0 1
  • 前言 人生苦多,快來 Kotlin 歹啼,快速學(xué)習(xí)Kotlin玄渗! 什么是Kotlin座菠? Kotlin 是種靜態(tài)類型編程...
    任半生囂狂閱讀 26,145評(píng)論 9 118
  • 心中的花蕾 何為人生呢?有無(wú)數(shù)個(gè)答案藤树,在我看來浴滴,人生就是由生到死的過程,但人生這幅畫卷是否純美岁钓,是由自己來決定升略!有...
    玉壺淚閱讀 511評(píng)論 5 4