摘要：由于第一個循環(huán)中的變量是使用關(guān)鍵字聲明的，因此該值是全局的。檢查對象是否具有對內(nèi)存中相同位置的引用。在事件傳播期間，有三個階段捕獲，目標和冒泡。當我們傳遞參數(shù)時，這與變量的不同。

1.下面代碼的輸出是什么?

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

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

答案：
由于JavaScript中的事件執(zhí)行機制，setTimeout函數(shù)真正被執(zhí)行時，循環(huán)已經(jīng)走完。
由于第一個循環(huán)中的變量i是使用var關(guān)鍵字聲明的，因此該值是全局的。 在循環(huán)期間，我們每次使用一元運算符++都會將i的值增加1。
因此在第一個例子中，當調(diào)用setTimeout函數(shù)時，i已經(jīng)被賦值為3。
在第二個循環(huán)中，使用let關(guān)鍵字聲明變量i：使用let（和const）關(guān)鍵字聲明的變量是具有塊作用域的（塊是{}之間的任何東西）。
在每次迭代期間，i將被創(chuàng)建為一個新值，并且每個值都會存在于循環(huán)內(nèi)的塊級作用域。

2.下面代碼的輸出是什么?

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

請注意，diameter是普通函數(shù)，而perimeter是箭頭函數(shù)。
對于箭頭函數(shù)，this關(guān)鍵字指向是它所在上下文（定義時的位置）的環(huán)境，與普通函數(shù)不同！
這意味著當我們調(diào)用perimeter時，它不是指向shape對象，而是指其定義時的環(huán)境（window）。沒有值radius屬性，返回undefined。

3.下面代碼的輸出是什么?

    +true;
    !"Lydia";

一元加號會嘗試將boolean類型轉(zhuǎn)換為數(shù)字類型。 true被轉(zhuǎn)換為1，false被轉(zhuǎn)換為0。
字符串"Lydia"是一個真值。 我們實際上要問的是“這個真值是假的嗎？”。 這會返回false。

4.下面代碼的輸出是什么?

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 });

在比較相等性，原始類型通過它們的值進行比較，而對象通過它們的引用進行比較。JavaScript檢查對象是否具有對內(nèi)存中相同位置的引用。
我們作為參數(shù)傳遞的對象和我們用于檢查相等性的對象在內(nèi)存中位于不同位置，所以它們的引用是不同的。 這就是為什么{ age: 18 } ===
{ age: 18 }和 { age: 18 } == { age: 18 } 返回 false的原因。

5.下面代碼的輸出是什么?

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

getAge(21);

擴展運算符（... args）返回一個帶參數(shù)的數(shù)組。 數(shù)組是一個對象，因此typeof args返回object

6.下面代碼的輸出是什么?

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);

所有對象鍵（不包括Symbols）都會被存儲為字符串，即使你沒有給定字符串類型的鍵。
這就是為什么obj.hasOwnProperty（"1"）也返回true。 上面的說法不適用于Set。
在我們的Set中沒有“1”：set.has（"1"）返回false。 它有數(shù)字類型1，set.has（1）返回true。

7.下面代碼的輸出是什么?

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

如果某個條件返回true，則continue語句跳過迭代。

8.下面代碼的輸出是什么?

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

對象鍵自動轉(zhuǎn)換為字符串。我們試圖將一個對象設(shè)置為對象a的鍵，其值為123。 但是，當對象自動轉(zhuǎn)換為字符串化時，它變成了[Object
object]。 所以我們在這里說的是a["Object object"] = 123。 然后，我們可以嘗試再次做同樣的事情。
c對象同樣會發(fā)生隱式類型轉(zhuǎn)換。那么，a["Object object"] = 456。 然后，我們打印a[b]，它實際上是a["Object
object"]。 我們將其設(shè)置為456，因此返回456。

9.下面代碼的輸出是什么?

    

      

        Click here!
      
    

如果我們單擊p，我們會看到兩個日志：p和div。在事件傳播期間，有三個階段：捕獲，目標和冒泡。
默認情況下，事件處理程序在冒泡階段執(zhí)行（除非您將useCapture設(shè)置為true）。 它從最深的嵌套元素向外延伸。

10.下面這些值哪些是假值?

0;
new Number(0);
("");
(" ");
new Boolean(false);
undefined;

JavaScript中只有6個假值：
undefined   null   NaN   0   "" (empty string)   false 
函數(shù)構(gòu)造函數(shù)，如new Number和new
Boolean都是真值。

11.下面代碼的輸出是什么?

    (() => {
      let x, y;
      try {
        throw new Error();
      } catch (x) {
        (x = 1), (y = 2);
        console.log(x);
      }
      console.log(x);
      console.log(y);
    })();

catch塊接收參數(shù)x。當我們傳遞參數(shù)時，這與變量的x不同。這個變量x是屬于catch作用域的。
之后，我們將這個塊級作用域的變量設(shè)置為1，并設(shè)置變量y的值。 現(xiàn)在，我們打印塊級作用域的變量x，它等于1。
在catch塊之外，x仍然是undefined，而y是2。
當我們想在catch塊之外的console.log(x)時，它返回undefined，而y返回2。

12.setInterval方法的返回值什么?

    setInterval(() => console.log("Hi"), 1000);

它返回一個唯一的id。 此id可用于使用clearInterval()函數(shù)清除該定時器

13.下面代碼的輸出是什么?

    [..."Lydia"];

字符串是可迭代的。 擴展運算符將迭代的每個字符映射到一個元素。 ["L", "y", "d", "i", "a"]