當前位置:編程學習大全網 - 編程語言 - JS 燒腦面試題大賞

JS 燒腦面試題大賞

答案

2、1

解析

首先基本類型數據是按值傳遞的,所以執行b函數時,b的參數a接收的值為1,參數a相當於函數內部的變量,當本作用域有和上層作用域同名的變量時,無法訪問到上層變量,所以函數內無論怎麽修改a,都不影響上層,所以函數內部打印的a是2,外面打印的仍是1。

答案

報錯

解析

給函數多個參數設置默認值實際上跟按順序定義變量壹樣,所以會存在暫時性死區的問題,即前面定義的變量不能引用後面還未定義的變量,而後面的可以訪問前面的。

答案

10、20

解析

答案

undefined、{n: 2}

解析

恕筆者不才,這道題筆者做壹次錯壹次。

反正按照網上大部分的解釋是因為.運算符優先級最高,所以會先執行a.x,此時a、b***同指向的{n: 1}變成了{n: 1, x: undefined},然後按照連等操作從右到左執行代碼,a = {n: 2},顯然,a現在指向了壹個新對象,然後a.x = a,因為a.x最開始就執行過了,所以這裏其實等價於:({n: 1, x: undefined}).x = b.x = a = {n: 2}。

答案

[]

解析

這題比較簡單,arr[10]=10,那麽索引3到9位置上都是undefined,arr[3]等打印出來也確實是undefined,但是,這裏其實涉及到ECMAScript版本不同對應方法行為不同的問題,ES6之前的遍歷方法都會跳過數組未賦值過的位置,也就是空位,但是ES6新增的for of方法就不會跳過。

答案

Goodbye Jack

解析

答案

NaN、13、NaN、1、1[object Object]、1、[object Object]

解析

這道題考察的顯然是+號的行為:

1.如果有壹個操作數是字符串,那麽把另壹個操作數轉成字符串執行連接

2.如果有壹個操作數是對象,那麽調用對象的valueOf方法轉成原始值,如果沒有該方法或調用後仍是非原始值,則調用toString方法

3.其他情況下,兩個操作數都會被轉成數字執行加法操作

答案

456

解析

對象有兩種方法設置和引用屬性,obj.name和obj['name'],方括號裏可以字符串、數字和變量設置是表達式等,但是最終計算出來得是壹個字符串,對於上面的b和c,它們兩個都是對象,所以會調用toString()方法轉成字符串,對象轉成字符串和數組不壹樣,和內容無關,結果都是[object Obejct],所以a[b]=a[c]=a['[object Object]']。

答案

25、20、20、25

解析

這道題考察的是this指向問題:

1.逗號操作符會返回表達式中的最後壹個值,這裏為inner.func對應的函數,註意是函數本身,然後執行該函數,該函數並不是通過對象的方法調用,而是在全局環境下調用,所以this指向window,打印出來的當然是window下的out

2.這個顯然是以對象的方法調用,那麽this指向該對象

3.加了個括號,看起來有點迷惑人,但實際上(inner.func)和inner.func是完全相等的,所以還是作為對象的方法調用

4.賦值表達式和逗號表達式相似,都是返回的值本身,所以也相對於在全局環境下調用函數

答案

1、2、3

解析

這題考察的是變量解構賦值的問題,數組解構賦值是按位置對應的,而對象只要變量與屬性同名,順序隨意。

答案

[4, 5, 3]

解析

是不是從來沒有用assign方法合並過數組?assign方法可以用於處理數組,不過會把數組視為對象,比如這裏會把目標數組視為是屬性為0、1、2的對象,所以源數組的0、1屬性的值覆蓋了目標對象的值。

答案

4

解析

這題考查的是自增運算符的前綴版和後綴版,以及switch的語法,後綴版的自增運算符會在語句被求值後才發生,所以x會仍以1的值去匹配case分支,那麽顯然匹配到為1的分支,此時,x++生效,x變成2,再執行++x,變成3,因為沒有break語句,所以會進入當前case後面的分支,所以再次++x,最終變成4。

答案

true、true

解析

2.typeof對函數使用返回'function',class只是es6新增的語法糖,本質上還是函數,所以兩者相等

答案

true、false

解析

1.沒啥好說的,typeof對數字類型返回'number'。

2.這題考查的是運算符優先級的問題,邏輯非!的優先級比全等===高,所以先執行!!typeof count,結果為true,然後執行true === 'number',結果當然為false,可以點擊這裏查看優先級列表: 點我 [1]

答案

2、2

解析

答案

1

解析

這道題考察的是作用域的問題,作用域其實就是壹套變量的查找規則,每個函數在執行時都會創建壹個執行上下文,其中會關聯壹個變量對象,也就是它的作用域,上面保存著該函數能訪問的所有變量,另外上下文中的代碼在執行時還會創建壹個作用域鏈,如果某個標識符在當前作用域中沒有找到,會沿著外層作用域繼續查找,直到最頂端的全局作用域,因為js是詞法作用域,在寫代碼階段就作用域就已經確定了,換句話說,是在函數定義的時候確定的,而不是執行的時候,所以a函數是在全局作用域中定義的,雖然在b函數內調用,但是它只能訪問到全局的作用域而不能訪問到b函數的作用域。

答案

undefined

解析

這道題考察的是this的指向問題,箭頭函數執行的時候上下文是不會綁定this的,所以它裏面的this取決於外層的this,這裏函數執行的時候外層是全局作用域,所以this指向window,window對象下沒有name屬性,所以是undefined。

答案

{a: {b: 1}}

解析

這道題很簡單,因為assign方法執行的是淺拷貝,所以源對象的a屬性會直接覆蓋目標對象的a屬性。

答案

undefined、1、2

解析

答案

undefined

解析

答案

打印出arr數組本身

解析

函數作為某個對象的方法調用,this指向該對象,數組顯然也是對象,只不過我們都習慣了對象引用屬性的方法:obj.fn,但是實際上obj['fn']引用也是可以的。

答案

1、b函數本身、b函數本身

解析

2.和第壹題類似,只是b沒有賦值操作,那麽執行到這兩行相當於都沒有操作,b當然是函數。

答案

2、4、1、1、2、3、3

解析

1.執行Foo函數的靜態方法,打印出2。

2.執行getName,當前getName是打印出4的那個函數。

3.執行Foo函數,修改了全局變量getName,賦值成了打印1的函數,然後返回this,因為是在全局環境下執行,所以this指向window,因為getName已經被修改了,所以打印出1。

4.因為getName沒有被重新賦值,所以再執行仍然打印出1。

5.new操作符是用來調用函數的,所以new Foo.getName()相當於new (Foo.getName)(),所以new的是Foo的靜態方法getName,打印出2。

6.因為點運算符(.)的優先級和new是壹樣高的,所以從左往右執行,相當於(new Foo()).getName(),對Foo使用new調用會返回壹個新創建的對象,然後執行該對象的getName方法,該對象本身並沒有該方法,所以會從Foo的原型對象上查找,找到了,所以打印出3。

7.和上題壹樣,點運算符(.)的優先級和new壹樣高,另外new是用來調用函數的,所以new new Foo().getName()相當於new ((new Foo()).getName)(),括號裏面的就是上壹題,所以最後找到的是Foo原型上的方法,無論是直接調用,還是通過new調用,都會執行該方法,所以打印出3。

答案

it's Matthew, from England

it's Bob, from England

解析

Object.create方法會創建壹個對象,並且將該對象的__proto__屬性指向傳入的對象,所以p1和p2兩個對象的原型對象指向了同壹個對象,接著給p1添加了壹個name屬性,然後調用了p1的setCountry方法,p1本身是沒有這個方法的,所以會沿著原型鏈進行查找,在它的原型上,也就是person對象上找到了這個方法,執行這個方法會給address對象的country屬性設置傳入的值,p1本身也是沒有address屬性的,但是和name屬性不壹樣,address屬性在原型對象上找到了,並且因為是個引用值,所以會成功修改它的country屬性,接著對p2的操作也是壹樣,然後因為原型中存在引用值會在所有實例中***享,所以p1和p2它們引用的address也是同壹個對象,壹個實例修改了,會反映到所有實例上,所以p2的修改會覆蓋p1的修改,最終country的值為England。

答案

2、3、5、4、1

解析

這道題顯然考察的是事件循環的知識點。

js是壹門單線程的語言,但是為了執行壹些異步任務時不阻塞代碼,以及避免等待期間的資源浪費,js存在事件循環的機制,單線程指的是執行js的線程,稱作主線程,其他還有壹些比如網絡請求的線程、定時器的線程,主線程在運行時會產生執行棧,棧中的代碼如果調用了異步api的話則會把事件添加到事件隊列裏,只要該異步任務有了結果便會把對應的回調放到任務隊列裏,當執行棧中的代碼執行完畢後會去讀取任務隊列裏的任務,放到主線程執行,當執行棧空了又會去檢查,如此往復,也就是所謂的事件循環。

異步任務又分為宏任務(比如setTimeout、setInterval)和微任務(比如promise),它們分別會進入不同的隊列,執行棧為空完後會優先檢查微任務隊列,如果有微任務的話會壹次性執行完所有的微任務,然後去宏任務隊列裏檢查,如果有則取出壹個任務到主線程執行,執行完後又會去檢查微任務隊列,如此循環。

回到這題,首先整體代碼作為壹個宏任務開始執行,遇到setTimeout,相應回調會進入宏任務隊列,然後是promise,promise的回調是同步代碼,所以會打印出2,for循環結束後調用了resolve,所以then的回調會被放入微任務隊列,然後打印出3,最後打印出5,到這裏當前的執行棧就空了,那麽先檢查微任務隊列,發現有壹個任務,那麽取出來放到主線程執行,打印出4,最後檢查宏任務隊列,把定時器的回調放入主線程執行,打印出1。

答案

1、7、6、8、2、4、9、11、3、10、5、12

  • 上一篇:編程角色二重身
  • 下一篇:python中多進程和多線程的區別
  • copyright 2024編程學習大全網