亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JavaScript中的普通函數與構造函數比較

2019-11-20 12:44:29
字體:
來源:轉載
供稿:網友

問題

什么是構造函數?
構造函數與普通函數區別是什么?
用new關鍵字的時候到底做了什么?
構造函數有返回值怎么辦?
構造函數能當普通函數調用嗎?

以下是我的一些理解,理解錯誤的地方懇請大家幫忙指正,謝謝!

this
this永遠指向當前正在被執行的函數或方法的owner。例如:

function test(){  console.log(this);}test();//Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}

上面這段代碼中,我們在頁面中定義了一個test()函數,然后在頁面中調用。函數定義在全局時,其owner就是當前頁面,也就是window對象。

this指向的幾種情況

1.全局中調用

    this.name //this指向window對象
   
2.函數調用

    test();//test()函數中的this也指向window對象
   
3.對象的方法調用

    obj1.fn();//obj1對象的fn()方法中的this指向obj1
   
4.調用構造函數
    var dog=new Dog();//構造函數內的this指向新創建的實例對象,也就是這里的dogcall和apply

call和apply的作用一樣,只是接受參數的方式不一樣,call接受的是多個單個參數,apply接受的是參數數組。
call和apply的作用簡單地可以說成,當一個對象實例缺少一個函數/方法時,可以調用其他對象的現成函數/方法,其方式是通過替換其中的this為這個對象實例,改變函數運行時的上下文。
例如:

function Dog(){  this.sound="汪汪汪";}Dog.prototype.bark=function(){  alert(this.sound);}

現在我有另外一個cat對象:

var cat={sound:'喵喵喵'}

我也想讓這個cat對象可以調用bark方法,這時候就不用重新為它定義bark方法了,可以用call/apply調用Dog類的bark方法:

Dog.prototype.bark.call(cat);

或者:

dog.bark.call(cat);

加點東西,變成一個帶參數的栗子:

function Dog(){  this.sound="汪汪汪";}Dog.prototype.bark=function(words){  alert(this.sound+" "+words);}var dog=new Dog();dog.bark("有小偷");//alert:汪汪汪  有小偷Dog.prototype.bark.call(cat,"餓了");//alert:喵喵喵  餓了

普通函數
這是一個簡單的普通函數:

function fn(){  alert("hello sheila");}fn();//alert:hello sheila

普通函數與構造函數相比有四個明顯特點:

1.不需要用new關鍵字調用

    fn();2.可以用return語句返回值

 function fn(a,b){    return a+b;  }  alert(fn(2,3));//alert:5

3.函數內部不建議使用this關鍵字
我們說不建議使用,當然硬要用是可以的,只是要注意這時候發生了什么。如果在普通函數內部使用this關鍵字定義變量或函數,因為這時候this指向的是window全局對象,這樣無意間就會為window添加了一些全局變量或函數。

function greeting(){    this.name="sheila";    alert("hello "+this.name);  }  greeting();//alert:hello sheila  alert(window.name);//alert:sheila

4.函數命名以駝峰方式,首字母小寫

構造函數
在JavaScript中,用new關鍵字來調用定義的構造函數。默認返回的是一個新對象,這個新對象具有構造函數定義的變量和函數/方法。

舉個栗子:

function Prince(name,age){  this.gender="male";  this.kind=true;  this.rich=true;  this.name=name;  this.age=age;}Prince.prototype.toFrog=function(){  console.log("Prince "+this.name+" turned into a frog.");}var prince=new Prince("charming",25);prince.toFrog();//Prince charming turned into a frog.prince.kind;//true

與普通函數相比,構造函數有以下明顯特點:

1.用new關鍵字調用

    var prince=new Prince("charming",25);

2.函數內部可以使用this關鍵字
在構造函數內部,this指向的是構造出的新對象。用this定義的變量或函數/方法,就是實例變量或實例函數/方法。需要用實例才能訪問到,不能用類型名訪問。

 prince.age;//25
    Prince.age;//undefined

3.默認不用return返回值
構造函數是不需要用return顯式返回值的,默認會返回this,也就是新的實例對象。當然,也可以用return語句,返回值會根據return值的類型而有所不同,細節將在下文介紹。

4.函數命名建議首字母大寫,與普通函數區分開。
不是命名規范中的,但是建議這么寫。

使用new關鍵字實例化的時候發生了什么?
以上文中的Prince()函數舉個栗子:

1.第一步,創建一個空對象。

var prince={}

2.第二步,將構造函數Prince()中的this指向新創建的對象prince。
3.第三步,將prince的_proto_屬性指向Prince函數的prototype,創建對象和原型間關系
4.第四步,執行構造函數Prince()內的代碼。

構造函數有return值怎么辦?
構造函數里沒有顯式調用return時,默認是返回this對象,也就是新創建的實例對象。
當構造函數里調用return時,分兩種情況:

1.return的是五種簡單數據類型:String,Number,Boolean,Null,Undefined。
這種情況下,忽視return值,依然返回this對象。

2.return的是Object
這種情況下,不再返回this對象,而是返回return語句的返回值。

function Person(name){    this.name=name;    return {name:"cherry"}  }  var person=new Person("sheila");  person.name;//cherry  p;//Object {name: "cherry"}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲一区亚洲二区亚洲三区| 在线视频免费一区二区| 国产精品亚洲综合天堂夜夜| 国产成人综合av| 久久免费视频在线观看| 国产成一区二区| 精品国内自产拍在线观看| 一区二区三区四区精品| 久久在线精品视频| 欧美激情一区二区三区成人| 九九热r在线视频精品| 国外成人在线视频| 97视频在线观看亚洲| 久久久久久久影院| 精品日韩美女的视频高清| 亚洲a一级视频| 91在线视频免费| 91精品国产高清久久久久久91| 久久综合久久美利坚合众国| 亚洲精品久久久久中文字幕二区| 亚洲国产精彩中文乱码av在线播放| 亚洲日本欧美日韩高观看| 欧美性资源免费| 国产成人小视频在线观看| 黄色成人av网| 中文字幕日韩综合av| 久久99精品久久久久久琪琪| 亚洲美女www午夜| 在线看片第一页欧美| 欧美激情中文网| 久久99国产综合精品女同| 国产精品福利片| 欧美激情性做爰免费视频| 国内精品国产三级国产在线专| www.日韩.com| 国产精品天天狠天天看| 国产欧美久久久久久| 亚洲成人av中文字幕| 中文字幕自拍vr一区二区三区| 国产精品1区2区在线观看| 欧美天天综合色影久久精品| 国产成人涩涩涩视频在线观看| 91香蕉国产在线观看| 美女福利精品视频| 日韩欧美精品在线观看| 国产精品久久精品| 欧美洲成人男女午夜视频| 91久久国产精品91久久性色| 国产精品视频白浆免费视频| 亚洲最大av网| 亚洲国产精品人久久电影| 欧美激情一区二区三区久久久| 国产日韩精品在线| 欧美性videos高清精品| 国产成人精品999| 国产精品高潮呻吟久久av黑人| 美日韩在线视频| 亚洲欧美综合精品久久成人| 欧美风情在线观看| 欧美中文字幕在线| 国产精品偷伦免费视频观看的| 久久精品成人一区二区三区| 欧美日韩在线另类| 国产午夜精品全部视频在线播放| 91网站在线免费观看| 亚洲精品视频免费在线观看| 精品久久久久久久久久久久| 国产精品日韩欧美大师| 日韩成人在线观看| 欧美极品xxxx| 亚洲国产天堂久久综合网| 91精品国产成人| 国产成人在线一区二区| 91成人国产在线观看| 日韩在线观看免费高清完整版| 在线视频精品一| 精品久久久久久中文字幕一区奶水| 国产精品亚洲一区二区三区| 日韩精品欧美国产精品忘忧草| 色婷婷久久av| 日韩在线高清视频| 5278欧美一区二区三区| 欧美成人免费全部| 亚洲欧美中文日韩在线v日本| 91视频国产精品| 精品成人av一区| 久久精品人人做人人爽| 欧美亚洲国产另类| 亚洲日本成人女熟在线观看| 青青草原成人在线视频| 国产精品久久二区| 精品香蕉一区二区三区| 国产精品一区二区久久精品| 精品久久久久久久中文字幕| 88国产精品欧美一区二区三区| 欧美成人性生活| 国产精品久久久久999| 欧美富婆性猛交| 免费91麻豆精品国产自产在线观看| 国产精品国产三级国产专播精品人| 亚洲精品大尺度| 久久精彩免费视频| 韩曰欧美视频免费观看| 亚洲三级av在线| 日韩av中文字幕在线| 国产精品日韩欧美| 亚洲午夜女主播在线直播| 成人国产精品久久久| 欧美性xxxx| 91免费高清视频| 亚洲男人天堂九九视频| 日本久久久久久久| 国产精品福利小视频| 中文字幕日韩欧美在线视频| 久久艹在线视频| 在线丨暗呦小u女国产精品| 粗暴蹂躏中文一区二区三区| 69影院欧美专区视频| 久久久久久伊人| 国产美女久久久| 日韩中文字幕免费看| 欧美午夜www高清视频| 精品国产一区av| 91久久精品国产91久久| 91禁国产网站| 国产精品视频一区二区高潮| 亚洲国产精品网站| 国产成人精品免费视频| 国产成人精品av在线| 黑人巨大精品欧美一区二区三区| 成人国内精品久久久久一区| 日韩精品免费在线视频观看| 91日本视频在线| 日韩av快播网址| 欧美黄色片视频| 2020久久国产精品| 青青草原成人在线视频| 久久亚洲精品网站| 久久精品国产一区二区电影| 91精品国产高清久久久久久91| 日韩精品高清视频| 欧美亚州一区二区三区| 91精品国产91久久久久久久久| 色综合久久悠悠| 91网站在线看| 国产精品亚洲综合天堂夜夜| 久久久亚洲影院| 亚洲乱亚洲乱妇无码| 91精品国产91久久久久久最新| 国产日韩欧美在线播放| 中文国产成人精品久久一| 91精品国产乱码久久久久久久久| 久久影视电视剧免费网站清宫辞电视| 黑人巨大精品欧美一区二区免费| 国产精品中文字幕在线观看| 欧美亚洲国产日韩2020| 中文字幕亚洲欧美日韩高清| 国产精品视频资源| 日韩av在线免播放器| 欧美一性一乱一交一视频| 亚洲欧美国产日韩天堂区| 在线观看日韩av| 欧美一级大片视频| 亚洲黄色成人网|