js dojo & fun code

[zzz6519003]

输出是什么？

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

shape.diameter()
shape.perimeter()

答案 B

注意 diameter 的值是一個一般的函式，但是 perimeter 的值是一個箭頭函式。

對於箭頭函式，this 關鍵字指向的是它當前周圍作用域，這個行為和一般函式不同。這表示當我們呼叫 perimeter 時，this 不是指向 shape 物件，而是它的周圍作用域（在範例中是 window）。

在 window 中沒有 radius 這個屬性，因此回傳 undefined。

[zzz6519003]

將會輸出什麽內容？

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 是一個靜態方法。靜態方法被設計爲只能被創造它們的建構子使用（也就是 Chameleon 中的 constructor ），並且不能傳遞給實例。因為 freddie 是一個實例，而靜態方法不能被實例使用，因此會抛出 TypeError 錯誤。

[zzz6519003]

124. 输出什么？

async function* range(start, end) { for (let i = start; i <= end; i++) { yield Promise.resolve(i); } }

(async () => { const gen = range(1, 3); for await (const item of gen) { console.log(item); } })(); A: Promise {1} Promise {2} Promise {3} B: Promise {} Promise {} Promise {} C: 1 2 3 D: undefined undefined undefined 答案 答案: C

我们给 函数range 传递： Promise{1}, Promise{2}, Promise{3}，Generator 函数 range 返回一个全是 async object promise 数组。我们将 async object 赋值给变量 gen，之后我们使用for await ... of 进行循环遍历。我们将返回的 Promise 实例赋值给 item： 第一个返回 Promise{1}， 第二个返回 Promise{2}，之后是 Promise{3}。因为我们正 awaiting item 的值，resolved 状态的 promsie，promise数组的resolved 值 以此为： 1，2，3.

[zzz6519003]

// function reduce(arr, fn, init) {
//  var result = init;
//  var count = 0;
//  while (count < arr.length) {
//      fn(result, arr[count], count, arr);
//      count++;
//  }
//  return result;
// }

// Key points:
// 1) function 'step' is declared and alled immediately 
//- parens around function are convention to show it is being called on creation
// 2) 'value' is initially init, then becomes return value of fn 
//- perfect example of passing a func as an arg. Not just passing func, but *calling* it with specified args.

function reduce(arr, fn, init) {
    return (function step(index, value){
        if (index > arr.length - 1) {
            return value;
        }
        else {
            return step(index+1, fn(value, arr[index], index, arr));
        }
    })(0, init);
}

module.exports = reduce;