亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

一道面試題引發(fā)的慘案

avwu / 3466人閱讀

摘要：我們把需要的函數(shù)拿出來，看起來會爽的多看到這里是不是就很清晰了簡單的構(gòu)造函數(shù)加原型的繼承結(jié)合上面兩問該問題可以這樣寫回到了用構(gòu)造函數(shù)調(diào)用的模式

先把面試題貼出來： 
//請回答下面函數(shù)依次執(zhí)行出什么；
function Foo () {
    bar = function () {
        console.log(1)
    }
    return this;
}
Foo.bar = function () {
    console.log(2)
}
Foo.prototype.bar = function () {
    console.log(3)
}
var bar = function () {
    console.log(4)
}
function bar () {
    console.log(5)
}
Foo.bar();//2
bar();//4
Foo().bar();//1
bar();//1
new Foo.bar();//3
new Foo().bar();//3
new new Foo().bar();//3
剛看到這個問題，著實(shí)有點(diǎn)暈；不過細(xì)細(xì)分析下來，還是有點(diǎn)門道的。 首先我們來看一下這道題考察的是什么

js的三種調(diào)用模式

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

這里涉及到j(luò)s的三種調(diào)用模式；1.方法調(diào)用 2.函數(shù)調(diào)用 3.構(gòu)造函數(shù)調(diào)用 接下來，我們一一分析問題; 
1. Foo.bar();//2

由于瀏覽器在執(zhí)行js時是同步去執(zhí)行的，這里可以將Foo.bar看做 a ;這時就相當(dāng)于:

a = function () {
    console.log(2)
}//由于不是嚴(yán)格模式，這里省略了聲明函數(shù)的關(guān)鍵字 var；
a();//2
2. bar();// 4

這個執(zhí)行相應(yīng)的函數(shù)體：

var bar = function () {
    console.log(4)
}

3. Foo().bar();// 1

Foo() 會去執(zhí)行function Foo(){};同時會返回出一個全局的this；
Foo().bar() 執(zhí)行函數(shù)Foo體內(nèi)的bar函數(shù)

4. bar();// 1

第一個問題bar()執(zhí)行的是函數(shù)：

var bar = function () {
    console.log(4);
}//打印出來的是4

而在執(zhí)行Foo().bar()時,Foo()會返回出來全局this,this內(nèi)部的bar函數(shù)為:

bar = function () {
    console.log(1)
}

此時會覆蓋其余的bar函數(shù)

5. new Foo.bar();// 2

構(gòu)造函數(shù)調(diào)用模式；

Foo.bar = function () {
    console.log(2)
}
var foo =new Foo.bar();  //把Foo.bar看做為整體如newFoo(){},newFoo就變成了構(gòu)造函數(shù)
var foo = new newFoo();// foo => 2
6. new Foo().bar();// 3
使用new關(guān)鍵字，便會創(chuàng)建一個對象， 根據(jù)prototype屬性創(chuàng)建原型鏈，并以該對象為this執(zhí)行指定的（構(gòu)造）函數(shù)。

我們把需要的函數(shù)拿出來，看起來會爽的多；

function Foo () {
    bar = function () {
        console.log(1)
    }
    return this;
}
Foo.prototype.bar = function () {
    console.log(3)
}
var foo = new Foo();
foo.bar() //3

看到這里是不是就很清晰了；簡單的構(gòu)造函數(shù)加原型的繼承;

7. new new Foo().bar();// 3

結(jié)合上面兩問；該問題可以這樣寫;

new new Foo().bar() => new foo.bar() =>new newFoo()//回到了用構(gòu)造函數(shù)調(diào)用的模式；

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/82007.html

相關(guān)文章

  • 一道JS面試題引發(fā)的血案

    摘要：項(xiàng)目組長給我看了一道面試別人的面試題。打鐵趁熱，再來一道題來加深下理解。作者以樂之名本文原創(chuàng)，有不當(dāng)?shù)牡胤綒g迎指出。 showImg(https://segmentfault.com/img/bVbur0z?w=600&h=400); 剛?cè)肼毿鹿?，屬于公司萌新一枚，一天下午對著屏幕看代碼架構(gòu)時。BI項(xiàng)目組長給我看了一道面試別人的JS面試題。 雖然答對了，但把理由說錯了，照樣不及格。 ...

    fantix 評論0 收藏0

  • 一道面試題引發(fā)的思考 --- Event Loop

    摘要：想必面試題刷的多的同學(xué)對下面這道題目不陌生，能夠立即回答出輸出個，可是你真的懂為什么嗎為什么是輸出為什么是輸出個這兩個問題在我腦邊縈繞。同步任務(wù)都好理解，一個執(zhí)行完執(zhí)行下一個。本文只是我對這道面試題的一點(diǎn)思考，有誤的地方望批評指正。 想必面試題刷的多的同學(xué)對下面這道題目不陌生，能夠立即回答出輸出10個10，可是你真的懂為什么嗎？為什么是輸出10？為什么是輸出10個10？這兩個問題在我腦...

    betacat 評論0 收藏0

  • 一道前端面試題引發(fā)的思考

    摘要：直接開始題目是厲害了說句實(shí)話開發(fā)中誰寫成這樣保證會被打死。不過面試就是面試，有面試官的考量點(diǎn)。官方是這么說的。結(jié)果完美，不過小姐姐的意思是數(shù)組的方法會自動觸發(fā)數(shù)組的。 直接開始題目是 if(a==1 && a==2 && a==3){ alert(厲害了) } 說句實(shí)話開發(fā)中誰寫成這樣保證會被打死。 不過面試就是面試，有面試官的考量點(diǎn)。 我理解的點(diǎn)有兩個 1、隱式類型轉(zhuǎn)換 先說...

    gaomysion 評論0 收藏0

  • 一道簡單的面試題引發(fā)的思考

    摘要：另一個問題，就是我下面要提及的作用域問題，我當(dāng)時思考的時間太久了這是回憶中的面試題實(shí)際略有差異，不糾結(jié)了說一下腳本的運(yùn)行結(jié)果引用錯誤中給出的錯誤提示。 版權(quán)聲明：此文首發(fā)于我的簡書賬號人生還有多少個二十年，轉(zhuǎn)載請注明出處。 此處有幾百字嘮叨： 　　當(dāng)天，我早早起床，跨越上百公里，高德導(dǎo)航，路人指點(diǎn)，跌跌撞撞到達(dá)招聘會現(xiàn)場，當(dāng)時已是中午十二點(diǎn)半，吃了午餐（半瓶白開水），開始準(zhǔn)備投遞...

    wpw 評論0 收藏0

  • 一道面試題引發(fā)的思考 --- 理解 new 運(yùn)算符

    摘要：首先，我先去上搜索了的定義運(yùn)算符創(chuàng)建一個用戶定義的對象類型的實(shí)例或具有構(gòu)造函數(shù)的內(nèi)置對象的實(shí)例。 今天看到一道面試題，如下，問: 實(shí)例化 Person 過程中，Person返回什么（或者 p 等于什么）？ function Person(name) { this.name = name return name; } let p = new Person(Tom); 說實(shí)...

    shengguo 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<