鍍金池/ 問答/HTML/ 一道前端面試題

一道前端面試題

    function Person(){
        getAge = function(){
            console.log(10);
        }
        return this;
    }

    Person.getAge = function(){
        console.log(20);
    }

    Person.prototype.getAge = function(){
        console.log(30);
    }

    var getAge = function(){
        console.log(40);
    }

    function getAge(){
        console.log(50);
    }

    Person.getAge(); // 20 Person的靜態(tài)方法
    getAge(); // 40 函數(shù)的預(yù)處理 函數(shù)表達(dá)式 覆蓋了 函數(shù)聲明

    Person().getAge();
    getAge();

    new Person.getAge();
    new Person().getAge();

以下是不太懂的地方，不知道自己的理解是否正確。

    Person().getAge(); // 10  普通的函數(shù)調(diào)用?
    getAge(); // 不懂為什么輸出10

    new Person.getAge(); // 也是Person的靜態(tài)方法調(diào)用？
    new Person().getAge(); // 30
    // new Person()返回一個Person實例, 沿著原型鏈尋找, 打印30？
    // Person里本身就有g(shù)etAge()方法，為什么還會去原型鏈上尋找？
回答
編輯回答
赱丅呿

function Person(){

getAge = function(){
    console.log(10);
}
console.log(this)
return this;

}

Person().getAge(); // 10
Person函數(shù)中定義了全局函數(shù)getAge，調(diào)用Person()，返回的是window，調(diào)用window.getAge結(jié)果自然是10
new Person().getAge(); // 30
new Person()創(chuàng)建了實例，console.log(this)打印出來的是這個實例，實例沒有g(shù)etAge構(gòu)造方法，但有g(shù)etAge原型方法

2017年2月13日 23:34
編輯回答
舊酒館

Person().getAge(); // 10 普通的函數(shù)調(diào)用?
確實是普通的函數(shù)調(diào)用，但要明白return this 此時返回的是window，因為Person().getAge()實際上是window.Person().getAge()，所以this指的是window?，F(xiàn)在分析getAge()那個更有效；
1.你上面說的 函數(shù)的預(yù)處理 函數(shù)表達(dá)式 覆蓋了 函數(shù)聲明，其實說成變量提升更準(zhǔn)確，就是function比var更先聲明，所以var會覆蓋function聲明的getAge()，到目前為止應(yīng)該打印40。
2.但到這里并沒有結(jié)束，為什么沒有輸出40,是輸出10,是因為Person中又有一個函數(shù)表達(dá)式，按理說，這個方法只應(yīng)在person中調(diào)用有效，但眼睛需要放光的是這個函數(shù)表達(dá)式?jīng)]有var聲明，說明這個getAge是直接掛載到window下面的，所以window.getAge()此時就打印了10.這也是為什么下一步的getAge會打印10；不信，你可以在getAge前面添加個var試試。
getAge(); // 不懂為什么輸出10
看上面2的描述
new Person.getAge(); // 也是Person的靜態(tài)方法調(diào)用？
嗯，new不new無所謂
new Person().getAge(); // 30
這個上面都說了，而且描述正確。理解構(gòu)造方法Person()帶new 和不帶new的區(qū)別就行。前者只是普通的函數(shù)調(diào)用，后者會創(chuàng)建一個新的實例，并將this指向這個實例

2017年10月5日 12:45
編輯回答
離殤

Person().getAge();為啥我運行這個行代碼報錯呢，顯示未定義0_0

clipboard.png

2017年8月1日 16:28
編輯回答
傲嬌范
Person().getAge(); // 10  普通的函數(shù)調(diào)用?
（對就是普通的函數(shù)調(diào)用）

getAge(); // 不懂為什么輸出10
（因為上面的函數(shù)調(diào)用，讓全局變量getAge指針發(fā)生了變化，指向了新函數(shù)）

new Person.getAge(); // 也是Person的靜態(tài)方法調(diào)用？
（這個是構(gòu)造函數(shù)調(diào)用，創(chuàng)建了一個 Person.getAge 的實例）

new Person().getAge(); // 30
// new Person()返回一個Person實例, 沿著原型鏈尋找, 打印30？
// Person里本身就有g(shù)etAge()方法，為什么還會去原型鏈上尋找？
（這個是構(gòu)造函數(shù)調(diào)用，創(chuàng)建了一個 Person 的實例，而 Person 上面是沒有g(shù)etAge這個方法的，
所以從原型鏈上找。Person中的那個getAge不是它的屬性，那是一個全局變量，可以說是window的屬性。
你可以試一下window.getAge();//10）
2017年9月6日 12:33