前端程序員JavaScript面試題(2)

　　例如下代碼:

　　console.log('x' in window);//true

　　var x;

　　x = 0;

　　代碼執(zhí)行時js引擎會將聲明語句提升至代碼最上方，變?yōu)椋?/p>

　　var x;

　　console.log('x' in window);//true

　　x = 0;

　　函數(shù)表達式

　　var getName 與 function getName 都是聲明語句，區(qū)別在于 var getName 是函數(shù)表達式，而 function getName 是函數(shù)聲明。關(guān)于JS中的各種函數(shù)創(chuàng)建方式可以看 大部分人都會做錯的經(jīng)典JS閉包面試題 這篇文章有詳細說明。

　　函數(shù)表達式最大的問題，在于js會將此代碼拆分為兩行代碼分別執(zhí)行。

　　例如下代碼：

　　console.log(x);//輸出：function x(){}

　　var x=1;

　　function x(){}

　　實際執(zhí)行的代碼為，先將 var x=1 拆分為 var x; 和 x = 1; 兩行，再將 var x; 和 function x(){} 兩行提升至最上方變成：

　　var x;

　　function x(){}

　　console.log(x);

　　x=1;

　　所以最終函數(shù)聲明的x覆蓋了變量聲明的x，log輸出為x函數(shù)。

　　同理，原題中代碼最終執(zhí)行時的是：

　　function Foo() {

　　getName = function () { alert (1); };

　　return this;

　　}

　　var getName;//只提升變量聲明

　　function getName() { alert (5);}//提升函數(shù)聲明，覆蓋var的聲明

　　Foo.getName = function () { alert (2);};

　　Foo.prototype.getName = function () { alert (3);};

　　getName = function () { alert (4);};//最終的賦值再次覆蓋function getName聲明

　　getName();//最終輸出4

　　第三問

　　第三問的 Foo().getName(); 先執(zhí)行了Foo函數(shù)，然后調(diào)用Foo函數(shù)的返回值對象的getName屬性函數(shù)。

　　Foo函數(shù)的第一句 getName = function () { alert (1); };

　　是一句函數(shù)賦值語句，注意它沒有var聲明，所以先向當前Foo函數(shù)作用域內(nèi)尋找getName變量，沒有。再向當前函數(shù)作用域上層，即外層作用域內(nèi)尋找

　　是否含有g(shù)etName變量，找到了，也就是第二問中的alert(4)函數(shù)，將此變量的值賦值為 function(){alert(1)}。

　　此處實際上是將外層作用域內(nèi)的getName函數(shù)修改了。

　　注意：此處若依然沒有找到會一直向上查找到window對象，若window對象中也沒有g(shù)etName屬性，就在window對象中創(chuàng)建一個getName變量。

　　之后Foo函數(shù)的返回值是this，而JS的this問題博客園中已經(jīng)有非常多的文章介紹，這里不再多說。

　　簡單的講，this的指向是由所在函數(shù)的調(diào)用方式?jīng)Q定的。而此處的直接調(diào)用方式，this指向window對象。

　　遂Foo函數(shù)返回的是window對象，相當于執(zhí)行 window.getName() ，而window中的getName已經(jīng)被修改為alert(1)，所以最終會輸出1

　　此處考察了兩個知識點，一個是變量作用域問題，一個是this指向問題。

　　第四問

　　直接調(diào)用getName函數(shù)，相當于 window.getName() ，因為這個變量已經(jīng)被Foo函數(shù)執(zhí)行時修改了，遂結(jié)果與第三問相同，為1

　　第五問

　　第五問 new Foo.getName(); ,此處考察的是js的運算符優(yōu)先級問題。

　　js運算符優(yōu)先級:

　　image_thumb

　　參考鏈接：http://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

　　通過查上表可以得知點(.)的優(yōu)先級高于new操作，遂相當于是:

　　new (Foo.getName)();

　　所以實際上將getName函數(shù)作為了構(gòu)造函數(shù)來執(zhí)行，遂彈出2。

【前端程序員JavaScript面試題(2)】相關(guān)文章：

前端工程師面試題10-20

Web前端面試題目及答案06-30

德國公司經(jīng)典面試題(2)07-10

Microsoft面試題09-04

iOS面試題07-10

公司面試題09-12

hibernate面試題10-18

英語面試題精選06-13

小升初面試題06-10

PHP面試題10-14