日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

我在我的 Instagram 上每天都會(huì)發(fā)布 JavaScript 的選擇題，并且同時(shí)也會(huì)在這個(gè)倉庫中發(fā)布。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供獨(dú)山子網(wǎng)站建設(shè)、獨(dú)山子做網(wǎng)站、獨(dú)山子網(wǎng)站設(shè)計(jì)、獨(dú)山子網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、獨(dú)山子企業(yè)網(wǎng)站模板建站服務(wù)，10余年獨(dú)山子做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

從基礎(chǔ)到進(jìn)階，測試你有多了解 JavaScript，刷新你的知識(shí)，或者幫助你的 coding 面試！

muscle rocket 我每周都會(huì)在這個(gè)倉庫下更新新的問題。

答案在問題的下方。祝你好運(yùn) heart

1. 輸出是什么？ 

 
 
 
 

  
  
  
  
function sayHi() {  
  
  
  
  
  console.log(name)  
  
  
  
  
  console.log(age)  
  
  
  
  
  var name = 'Lydia'  
  
  
  
  
  let age = 21  
  
  
  
  
}  
  
  
  
  
sayHi() 
 
 
 
 

•  A: Lydia 和 undefined
•  B: Lydia 和 ReferenceError
•  C: ReferenceError 和 21
•  D: undefined 和 ReferenceError

答案: D

在函數(shù)內(nèi)部，我們首先通過 var 關(guān)鍵字聲明了 name 變量。這意味著變量被提升了（內(nèi)存空間在創(chuàng)建階段就被設(shè)置好了），直到程序運(yùn)行到定義變量位置之前默認(rèn)值都是 undefined。因?yàn)楫?dāng)我們打印 name 變量時(shí)還沒有執(zhí)行到定義變量的位置，因此變量的值保持為 undefined。

通過 let 和 const 關(guān)鍵字聲明的變量也會(huì)提升，但是和 var 不同，它們不會(huì)被初始化。在我們聲明（初始化）之前是不能訪問它們的。這個(gè)行為被稱之為暫時(shí)性死區(qū)。當(dāng)我們?cè)噲D在聲明之前訪問它們時(shí)，JavaScript 將會(huì)拋出一個(gè) ReferenceError 錯(cuò)誤。

2. 輸出是什么？ 

 
 
 
 

  
  
  
  
for (var i = 0; i < 3; i++) {  
  
  
  
  
  setTimeout(() => console.log(i), 1)  
  
  
  
  
}  
  
  
  
  
for (let i = 0; i < 3; i++) {  
  
  
  
  
  setTimeout(() => console.log(i), 1)  
  
  
  
  
} 
 
 
 
 

•  A: 0 1 2 和 0 1 2
•  B: 0 1 2 和 3 3 3
•  C: 3 3 3 和 0 1 2

答案: C

由于 JavaScript 的事件循環(huán)，setTimeout 回調(diào)會(huì)在遍歷結(jié)束后才執(zhí)行。因?yàn)樵诘谝粋€(gè)遍歷中遍歷 i 是通過 var 關(guān)鍵字聲明的，所以這個(gè)值是全局作用域下的。在遍歷過程中，我們通過一元操作符 ++ 來每次遞增 i 的值。當(dāng) setTimeout 回調(diào)執(zhí)行的時(shí)候，i 的值等于 3。

在第二個(gè)遍歷中，遍歷 i 是通過 let 關(guān)鍵字聲明的：通過 let 和 const 關(guān)鍵字聲明的變量是擁有塊級(jí)作用域（指的是任何在 {} 中的內(nèi)容）。在每次的遍歷過程中，i 都有一個(gè)新值，并且每個(gè)值都在循環(huán)內(nèi)的作用域中。

3. 輸出是什么？ 

 
 
 
 

  
  
  
  
const shape = {  
  
  
  
  
  radius: 10,  
  
  
  
  
  diameter() {  
  
  
  
  
    return this.radius * 2  
  
  
  
  
  },  
  
  
  
  
  perimeter: () => 2 * Math.PI * this.radius  
  
  
  
  
}  
  
  
  
  
shape.diameter()  
  
  
  
  
shape.perimeter() 
 
 
 
 

•  A: 20 和 62.83185307179586
•  B: 20 和 NaN
•  C: 20 和 63
•  D: NaN 和 63

答案: B

注意 diameter 的值是一個(gè)常規(guī)函數(shù)，但是 perimeter 的值是一個(gè)箭頭函數(shù)。

對(duì)于箭頭函數(shù)，this 關(guān)鍵字指向的是它當(dāng)前周圍作用域（簡單來說是包含箭頭函數(shù)的常規(guī)函數(shù)，如果沒有常規(guī)函數(shù)的話就是全局對(duì)象），這個(gè)行為和常規(guī)函數(shù)不同。這意味著當(dāng)我們調(diào)用 perimeter 時(shí)，this 不是指向 shape 對(duì)象，而是它的周圍作用域（在例子中是 window）。

在 window 中沒有 radius 這個(gè)屬性，因此返回 undefined。

4. 輸出是什么？ 

 
 
 
 

  
  
  
  
+true;  
  
  
  
  
!"Lydia"; 
 
 
 
 

•  A: 1 和 false
•  B: false 和 NaN
•  C: false 和 false

答案: A

一元操作符加號(hào)嘗試將 bool 轉(zhuǎn)為 number。true 轉(zhuǎn)換為 number 的話為 1，false 為 0。

字符串 'Lydia' 是一個(gè)真值，真值取反那么就返回 false。

5. 哪一個(gè)是無效的？ 

 
 
 
 

  
  
  
  
const bird = {  
  
  
  
  
  size: 'small'  
  
  
  
  
}  
  
  
  
  
const mouse = {  
  
  
  
  
  name: 'Mickey',  
  
  
  
  
  small: true  
  
  
  
  
} 
 
 
 
 

•  A: mouse.bird.size
•  B: mouse[bird.size]
•  C: mouse[bird["size"]]
•  D: 全部有效

答案: A

在 JavaScript 中，所有對(duì)象的 keys 都是字符串（除非對(duì)象是 Symbol）。盡管我們可能不會(huì)定義它們?yōu)樽址?，但它們?cè)诘讓涌倳?huì)被轉(zhuǎn)換為字符串。

當(dāng)我們使用括號(hào)語法時(shí)（[]），JavaScript 會(huì)解釋（或者 unboxes）語句。它首先看到第一個(gè)開始括號(hào) [ 并繼續(xù)前進(jìn)直到找到結(jié)束括號(hào) ]。只有這樣，它才會(huì)計(jì)算語句的值。

mouse[bird.size]：首先計(jì)算 bird.size，這會(huì)得到 small。mouse["small"] 返回 true。

然后使用點(diǎn)語法的話，上面這一切都不會(huì)發(fā)生。mouse 沒有 bird 這個(gè) key，這也就意味著 mouse.bird 是 undefined。然后當(dāng)我們使用點(diǎn)語法 mouse.bird.size 時(shí)，因?yàn)?mouse.bird 是 undefined，這也就變成了 undefined.size。這個(gè)行為是無效的，并且會(huì)拋出一個(gè)錯(cuò)誤類似 Cannot read property "size" of undefined。

6. 輸出是什么？ 

 
 
 
 

  
  
  
  
let c = { greeting: 'Hey!' }  
  
  
  
  
let d  
  
  
  
  
d = c  
  
  
  
  
c.greeting = 'Hello'  
  
  
  
  
console.log(d.greeting) 
 
 
 
 

•  A: Hello
•  B: undefined
•  C: ReferenceError
•  D: TypeError

答案: A

在 JavaScript 中，當(dāng)設(shè)置兩個(gè)對(duì)象彼此相等時(shí)，它們會(huì)通過引用進(jìn)行交互。

首先，變量 c 的值是一個(gè)對(duì)象。接下來，我們給 d 分配了一個(gè)和 c 對(duì)象相同的引用。

因此當(dāng)我們改變其中一個(gè)對(duì)象時(shí)，其實(shí)是改變了所有的對(duì)象。

7. 輸出是什么？ 

 
 
 
 

  
  
  
  
let a = 3  
  
  
  
  
let b = new Number(3)  
  
  
  
  
let c = 3  
  
  
  
  
console.log(a == b)  
  
  
  
  
console.log(a === b)  
  
  
  
  
console.log(b === c) 
 
 
 
 

•  A: true false true
•  B: false false true
•  C: true false false
•  D: false true true

答案: C

new Number() 是一個(gè)內(nèi)建的函數(shù)構(gòu)造器。雖然它看著像是一個(gè) number，但它實(shí)際上并不是一個(gè)真實(shí)的 number：它有一堆額外的功能并且它是一個(gè)對(duì)象。

當(dāng)我們使用 == 操作符時(shí)，它只會(huì)檢查兩者是否擁有相同的值。因?yàn)樗鼈兊闹刀际?3，因此返回 true。

然后，當(dāng)我們使用 === 操作符時(shí)，兩者的值以及類型都應(yīng)該是相同的。new Number() 是一個(gè)對(duì)象而不是 number，因此返回 false。

8. 輸出是什么？ 

 
 
 
 

  
  
  
  
class Chameleon {  
  
  
  
  
  static colorChange(newColor) {  
  
  
  
  
    this.newColor = newColor  
  
  
  
  
    return this.newColor  
  
  
  
  
  }  
  
  
  
  
  constructor({ newColor = 'green' } = {}) {  
  
  
  
  
    this.newColor = newColor  
  
  
  
  
  }  
  
  
  
  
}  
  
  
  
  
const freddie = new Chameleon({ newColor: 'purple' })  
  
  
  
  
freddie.colorChange('orange') 
 
 
 
 

•  A: orange
•  B: purple
•  C: green
•  D: TypeError

答案: D

colorChange 是一個(gè)靜態(tài)方法。靜態(tài)方法被設(shè)計(jì)為只能被創(chuàng)建它們的構(gòu)造器使用（也就是 Chameleon），并且不能傳遞給實(shí)例。因?yàn)?freddie 是一個(gè)實(shí)例，靜態(tài)方法不能被實(shí)例使用，因此拋出了 TypeError 錯(cuò)誤。

9. 輸出是什么？ 

 
 
 
 

  
  
  
  
let greeting  
  
  
  
  
greetign = {} // Typo!  
  
  
  
  
console.log(greetign) 
 
 
 
 

•  A: {}
•  B: ReferenceError: greetign is not defined
•  C: undefined

答案: A

代碼打印出了一個(gè)對(duì)象，這是因?yàn)槲覀冊(cè)谌謱?duì)象上創(chuàng)建了一個(gè)空對(duì)象！當(dāng)我們將 greeting 寫錯(cuò)成 greetign 時(shí)，JS 解釋器實(shí)際在上瀏覽器中將它視為 global.greetign = {} （或者 window.greetign = {}）。

為了避免這個(gè)為題，我們可以使用 "use strict"。這能確保當(dāng)你聲明變量時(shí)必須賦值。

10. 當(dāng)我們這么做時(shí)，會(huì)發(fā)生什么？ 

 
 
 
 

  
  
  
  
function bark() {  
  
  
  
  
  console.log('Woof!')  
  
  
  
  
}  
  
  
  
  
bark.animal = 'dog' 
 
 
 
 

•  A: 正常運(yùn)行!
•  B: SyntaxError. 你不能通過這種方式給函數(shù)增加屬性。
•  C: undefined
•  D: ReferenceError

答案: A

這在 JavaScript 中是可以的，因?yàn)楹瘮?shù)是對(duì)象?。ǔ嘶绢愋椭馄渌际菍?duì)象）

函數(shù)是一個(gè)特殊的對(duì)象。你寫的這個(gè)代碼其實(shí)不是一個(gè)實(shí)際的函數(shù)。函數(shù)是一個(gè)擁有屬性的對(duì)象，并且屬性也可被調(diào)用。

11. 輸出是什么？ 

 
 
 
 

  
  
  
  
function Person(firstName, lastName) {  
  
  
  
  
  this.firstName = firstName;  
  
  
  
  
  this.lastName = lastName;  
  
  
  
  
}  
  
  
  
  
const member = new Person("Lydia", "Hallie");  
  
  
  
  
Person.getFullName = function () {  
  
  
  
  
  return `${this.firstName} ${this.lastName}`;  
  
  
  
  
}  
  
  
  
  
console.log(member.getFullName()); 
 
 
 
 

•  A: TypeError
•  B: SyntaxError
•  C: Lydia Hallie
•  D: undefined undefined

答案: A

你不能像常規(guī)對(duì)象那樣，給構(gòu)造函數(shù)添加屬性。如果你想一次性給所有實(shí)例添加特性，你應(yīng)該使用原型。因此本例中，使用如下方式： 

 
 
 
 

  
  
  
  
Person.prototype.getFullName = function () {  
  
  
  
  
  return `${this.firstName} ${this.lastName}`;  
  
  
  
  
} 
 
 
 
 

這才會(huì)使 member.getFullName() 起作用。為什么這么做有益的？假設(shè)我們將這個(gè)方法添加到構(gòu)造函數(shù)本身里。也許不是每個(gè) Person 實(shí)例都需要這個(gè)方法。這將浪費(fèi)大量內(nèi)存空間，因?yàn)樗鼈內(nèi)匀痪哂性搶傩?，這將占用每個(gè)實(shí)例的內(nèi)存空間。相反，如果我們只將它添加到原型中，那么它只存在于內(nèi)存中的一個(gè)位置，但是所有實(shí)例都可以訪問它！

12. 輸出是什么？ 

 
 
 
 

  
  
  
  
function Person(firstName, lastName) {  
  
  
  
  
  this.firstName = firstName  
  
  
  
  
  this.lastName = lastName  
  
  
  
  
}  
  
  
  
  
const lydia = new Person('Lydia', 'Hallie')  
  
  
  
  
const sarah = Person('Sarah', 'Smith')  
  
  
  
  
console.log(lydia)  
  
  
  
  
console.log(sarah) 
 
 
 
 

•  A: Person {firstName: "Lydia", lastName: "Hallie"} 和 undefined
•  B: Person {firstName: "Lydia", lastName: "Hallie"} 和 Person {firstName: "Sarah", lastName: "Smith"}
•  C: Person {firstName: "Lydia", lastName: "Hallie"} 和 {}
•  D:Person {firstName: "Lydia", lastName: "Hallie"} 和 ReferenceError

答案: A

對(duì)于 sarah，我們沒有使用 new 關(guān)鍵字。當(dāng)使用 new 時(shí)，this 引用我們創(chuàng)建的空對(duì)象。當(dāng)未使用 new 時(shí)，this 引用的是全局對(duì)象（global object）。

我們說 this.firstName 等于 "Sarah"，并且 this.lastName 等于 "Smith"。實(shí)際上我們做的是，定義了 global.firstName = 'Sarah' 和 global.lastName = 'Smith'。而 sarah 本身是 undefined。

13. 事件傳播的三個(gè)階段是什么？

•  A: Target > Capturing > Bubbling
•  B: Bubbling > Target > Capturing
•  C: Target > Bubbling > Capturing
•  D: Capturing > Target > Bubbling

答案: D

在捕獲（capturing）階段中，事件從祖先元素向下傳播到目標(biāo)元素。當(dāng)事件達(dá)到目標(biāo)（target）元素后，冒泡（bubbling）才開始。

14. 所有對(duì)象都有原型。

•  A: true
•  B: false

答案: B

除了基本對(duì)象（base object），所有對(duì)象都有原型?；緦?duì)象可以訪問一些方法和屬性，比如 .toString。這就是為什么你可以使用內(nèi)置的 JavaScript 方法！所有這些方法在原型上都是可用的。雖然 JavaScript 不能直接在對(duì)象上找到這些方法，但 JavaScript 會(huì)沿著原型鏈找到它們，以便于你使用。

15. 輸出是什么？ 

 
 
 
 

  
  
  
  
function sum(a, b) {  
  
  
  
  
  return a + b  
  
  
  
  
}  
  
  
  
  
sum(1, '2') 
 
 
 
 

•  A: NaN
•  B: TypeError
•  C: "12"
•  D: 3

答案: C

JavaScript 是一種動(dòng)態(tài)類型語言：我們不指定某些變量的類型。值可以在你不知道的情況下自動(dòng)轉(zhuǎn)換成另一種類型，這種類型稱為隱式類型轉(zhuǎn)換（implicit type coercion）。Coercion 是指將一種類型轉(zhuǎn)換為另一種類型。

在本例中，JavaScript 將數(shù)字 1 轉(zhuǎn)換為字符串，以便函數(shù)有意義并返回一個(gè)值。在數(shù)字類型（1）和字符串類型（'2'）相加時(shí)，該數(shù)字被視為字符串。我們可以連接字符串，比如 "Hello" + "World"，這里發(fā)生的是 "1" + "2"，它返回 "12"。

16. 輸出是什么？ 

 
 
 
 

  
  
  
  
let number = 0  
  
  
  
  
console.log(number++)  
  
  
  
  
console.log(++number)  
  
  
  
  
console.log(number) 
 
 
 
 

•  A: 1 1 2
•  B: 1 2 2
•  C: 0 2 2
•  D: 0 1 2

答案: C

一元后自增運(yùn)算符 ++：

1.  返回值（返回 0）
2.  值自增（number 現(xiàn)在是 1）

一元前自增運(yùn)算符 ++：

1.  值自增（number 現(xiàn)在是 2）
2.  返回值（返回 2）

結(jié)果是 0 2 2.

17. 輸出是什么？ 

 
 
 
 

  
  
  
  
function getPersonInfo(one, two, three) {  
  
  
  
  
  console.log(one)  
  
  
  
  
  console.log(two)  
  
  
  
  
  console.log(three)  
  
  
  
  
}  
  
  
  
  
const person = 'Lydia'  
  
  
  
  
const age = 21  
  
  
  
  
getPersonInfo`${person} is ${age} years old` 
 
 
 
 

•  A: "Lydia" 21 ["", " is ", " years old"]
•  B: ["", " is ", " years old"] "Lydia" 21
•  C: "Lydia" ["", " is ", " years old"] 21

答案: B

如果使用標(biāo)記模板字面量，第一個(gè)參數(shù)的值總是包含字符串的數(shù)組。其余的參數(shù)獲取的是傳遞的表達(dá)式的值！

18. 輸出是什么？ 

 
 
 
 

  
  
  
  
function checkAge(data) {  
  
  
  
  
  if (data === { age: 18 }) {  
  
  
  
  
    console.log('You are an adult!')  
  
  
  
  
  } else if (data == { age: 18 }) {  
  
  
  
  
    console.log('You are still an adult.')  
  
  
  
  
  } else {  
  
  
  
  
    console.log(`Hmm.. You don't have an age I guess`)  
  
  
  
  
  }  
  
  
  
  
}  
  
  
  
  
checkAge({ age: 18 }) 
 
 
 
 

•  A: You are an adult!
•  B: You are still an adult.
•  C: Hmm.. You don't have an age I guess

答案: C

在測試相等性時(shí)，基本類型通過它們的值（value）進(jìn)行比較，而對(duì)象通過它們的引用（reference）進(jìn)行比較。JavaScript 檢查對(duì)象是否具有對(duì)內(nèi)存中相同位置的引用。

題目中我們正在比較的兩個(gè)對(duì)象不是同一個(gè)引用：作為參數(shù)傳遞的對(duì)象引用的內(nèi)存位置，與用于判斷相等的對(duì)象所引用的內(nèi)存位置并不同。

這也是 { age: 18 } === { age: 18 } 和 { age: 18 } == { age: 18 } 都返回 false 的原因。

19. 輸出是什么？ 

 
 
 
 

  
  
  
  
function getAge(...args) {  
  
  
  
  
  console.log(typeof args)  
  
  
  
  
}  
  
  
  
  
getAge(21) 
 
 
 
 

•  A: "number"
•  B: "array"
•  C: "object"
•  D: "NaN"

答案: C

擴(kuò)展運(yùn)算符（...args）會(huì)返回實(shí)參組成的數(shù)組。而數(shù)組是對(duì)象，因此 typeof args 返回 "object"。

20. 輸出是什么？ 

 
 
 
 

  
  
  
  
function getAge() {  
  
  
  
  
  'use strict'  
  
  
  
  
  age = 21  
  
  
  
  
  console.log(age)  
  
  
  
  
}  
  
  
  
  
getAge() 
 
 
 
 

•  A: 21
•  B: undefined
•  C: ReferenceError
•  D: TypeError

答案: C

使用 "use strict"，你可以確保不會(huì)意外地聲明全局變量。我們從來沒有聲明變量 age，因?yàn)槲覀兪褂?"use strict"，它將拋出一個(gè)引用錯(cuò)誤。如果我們不使用 "use strict"，它就會(huì)工作，因?yàn)閷傩?age 會(huì)被添加到全局對(duì)象中了。

21. 輸出是什么？ 

 
 
 
 

  
  
  
  
const sum = eval('10*10+5') 
 
 
 
 

•  A: 105
•  B: "105"
•  C: TypeError
•  D: "10*10+5"

答案: A

代碼以字符串形式傳遞進(jìn)來，eval 對(duì)其求值。如果它是一個(gè)表達(dá)式，就像本例中那樣，它對(duì)表達(dá)式求值。表達(dá)式是 10 * 10 + 5。這將返回?cái)?shù)字 105。

22. cool_secret 可訪問多長時(shí)間？ 

 
 
 
 

  
  
  
  
sessionStorage.setItem('cool_secret', 123) 
 
 
 
 

•  A: 永遠(yuǎn)，數(shù)據(jù)不會(huì)丟失。
•  B: 當(dāng)用戶關(guān)掉標(biāo)簽頁時(shí)。
•  C: 當(dāng)用戶關(guān)掉整個(gè)瀏覽器，而不只是關(guān)掉標(biāo)簽頁。
•  D: 當(dāng)用戶關(guān)閉電腦時(shí)。

答案: B

關(guān)閉 tab 標(biāo)簽頁 后，sessionStorage 存儲(chǔ)的數(shù)據(jù)才會(huì)刪除。

如果使用 localStorage，那么數(shù)據(jù)將永遠(yuǎn)在那里，除非調(diào)用了 localStorage.clear()。

23. 輸出是什么？ 

 
 
 
 

  
  
  
  
var num = 8    
  
  
  
  
var num = 10   
  
  
  
  
console.log(num) 
 
 
 
 

•  A: 8
•  B: 10
•  C: SyntaxError
•  D: ReferenceError

答案: B

使用 var 關(guān)鍵字，你可以用相同的名稱聲明多個(gè)變量。然后變量將保存最新的值。

你不能使用 let 或 const 來實(shí)現(xiàn)這一點(diǎn)，因?yàn)樗鼈兪菈K作用域的。

24. 輸出是什么？ 

 
 
 
 

  
  
  
  
const obj = { 1: 'a', 2: 'b', 3: 'c' }  
  
  
  
  
const set = new Set([1, 2, 3, 4, 5])  
  
  
  
  
obj.hasOwnProperty('1')  
  
  
  
  
obj.hasOwnProperty(1)  
  
  
  
  
set.has('1')  
  
  
  
  
set.has(1) 
 
 
 
 

•  A: false true false true
•  B: false true true true
•  C: true true false true
•  D: true true true true

答案: C

所有對(duì)象的鍵（不包括 Symbol）在底層都是字符串，即使你自己沒有將其作為字符串輸入。這就是為什么 obj.hasOwnProperty('1') 也返回 true。

對(duì)于集合，它不是這樣工作的。在我們的集合中沒有 '1'：set.has('1') 返回 false。它有數(shù)字類型為 1，set.has(1) 返回 true。

25. 輸出是什么？ 

 
 
 
 

  
  
  
  
const obj = { a: 'one', b: 'two', a: 'three' }  
  
  
  
  
console.log(obj) 
 
 
 
 

•  A: { a: "one", b: "two" }
•  B: { b: "two", a: "three" }
•  C: { a: "three", b: "two" }
•  D: SyntaxError

答案: C

如果你有兩個(gè)名稱相同的鍵，則鍵會(huì)被替換掉。它仍然位于第一個(gè)鍵出現(xiàn)的位置，但是值是最后出現(xiàn)那個(gè)鍵的值。

26. JavaScript 全局執(zhí)行上下文為你做了兩件事：全局對(duì)象和 this 關(guān)鍵字。

•  A: true
•  B: false
•  C: it depends

答案: A

基本執(zhí)行上下文是全局執(zhí)行上下文：它是代碼中隨處可訪問的內(nèi)容。

27. 輸出是什么？ 

 
 
 
 

  
  
  
  
for (let i = 1; i < 5; i++) {  
  
  
  
  
  if (i === 3) continue  
  
  
  
  
  console.log(i)  
  
  
  
  
} 
 
 
 
 

•  A: 1 2
•  B: 1 2 3
•  C: 1 2 4
•  D: 1 3 4

答案: C

如果某個(gè)條件返回 true，則 continue 語句跳過本次迭代。

28. 輸出是什么？ 

 
 
 
 

  
  
  
  
String.prototype.giveLydiaPizza = () => {  
  
  
  
  
  return 'Just give Lydia pizza already!'  
  
  
  
  
}  
  
  
  
  
const name = 'Lydia'  
  
  
  
  
name.giveLydiaPizza() 
 
 
 
 

•  A: "Just give Lydia pizza already!"
•  B: TypeError: not a function
•  C: SyntaxError
•  D: undefined

答案: A

String 是內(nèi)置的構(gòu)造函數(shù)，我們可以向它添加屬性。我只是在它的原型中添加了一個(gè)方法?；绢愋妥址蛔詣?dòng)轉(zhuǎn)換為字符串對(duì)象，由字符串原型函數(shù)生成。因此，所有 string(string 對(duì)象)都可以訪問該方法！

29. 輸出是什么？ 

 
 
 
 

  
  
  
  
const a = {}  
  
  
  
  
const b = { key: 'b' }  
  
  
  
  
const c = { key: 'c' }  
  
  
  
  
a[b] = 123  
  
  
  
  
a[c] = 456  
  
  
  
  
console.log(a[b]) 
 
 
 
 

•  A: 123
•  B: 456
•  C: undefined
•  D: ReferenceError

答案: B

對(duì)象的鍵被自動(dòng)轉(zhuǎn)換為字符串。我們?cè)噲D將一個(gè)對(duì)象 b 設(shè)置為對(duì)象 a 的鍵，且相應(yīng)的值為 123。

然而，當(dāng)字符串化一個(gè)對(duì)象時(shí)，它會(huì)變成 "[object Object]"。因此這里說的是，a["[object Object]"] = 123。然后，我們?cè)僖淮巫隽送瑯拥氖虑椋琧 是另外一個(gè)對(duì)象，這里也有隱式字符串化，于是，a["[object Object]"] = 456。

然后，我們打印 a[b]，也就是 a["[object Object]"]。之前剛設(shè)置為 456，因此返回的是 456。

30. 輸出是什么？ 

 
 
 
 

  
  
  
  
const foo = () => console.log('First')  
  
  
  
  
const bar = () => setTimeout(() => console.log('Second'))  
  
  
  
  
const baz = () => console.log('Third')  
  
  
  
  
bar()  
  
  
  
  
foo()  
  
  
  
  
baz() 
 
 
 
 

•  A: First Second Third
•  B: First Third Second
•  C: Second First Third
•  D: Second Third First

答案: B

我們有一個(gè) setTimeout 函數(shù)，并首先調(diào)用它。然而，它是最后打印日志的。

這是因?yàn)樵跒g覽器中，我們不僅有運(yùn)行時(shí)引擎，還有一個(gè)叫做 WebAPI 的東西。WebAPI 提供了 setTimeout 函數(shù)，也包含其他的，例如 DOM。

將 callback 推送到 WebAPI 后，setTimeout 函數(shù)本身(但不是回調(diào)！)將從棧中彈出。

現(xiàn)在，foo 被調(diào)用，打印 "First"。

foo 從棧中彈出，baz 被調(diào)用. 打印 "Third"。

WebAPI 不能隨時(shí)向棧內(nèi)添加內(nèi)容。相反，它將回調(diào)函數(shù)推到名為 queue 的地方。

這就是事件循環(huán)開始工作的地方。一個(gè)事件循環(huán)查看棧和任務(wù)隊(duì)列。如果棧是空的，它接受隊(duì)列上的第一個(gè)元素并將其推入棧。

bar 被調(diào)用，打印 "Second"，然后它被棧彈出。

31. 當(dāng)點(diǎn)擊按鈕時(shí)，event.target是什么？

 
 
 
 

  
  
  
  
  
  
  
  
  
    
  
  
  
  
      
  
  
  
  
      Click!