JS - 實例化后從 class 返回值

Question

我正在查看下面的代碼，並希望在調用以下代碼時以相反的順序返回團隊數組。 不幸的是，此代碼無法更改。

return Array.from(new TeamsCollection()).join(',')

我知道我可以將constructor更改為以下內容：

 constructor(){
    return this.teams.reverse();
 }

正如您在下面看到的，我無法編輯構造函數，所以一定還有其他我遺漏的東西。 在閱讀了無數堆棧溢出答案並搜索在線資源后，我無法弄清楚該怎么做。 有任何想法嗎？ 請參閱下面的代碼

class TeamsCollection {
    get teams() {
        return [
            'Liverpool',
            'Chelsea',
            'Barca'
        ]
    }

    // The constructor cannot be changed
    constructor(){
        return this
    }
}

Answer 1

Array.from方法將可迭代的 object 轉換為數組，練習希望您在TeamsCollection上實現可迭代協議：

class TeamsCollection {
    get teams() {
        return ['Liverpool', 'Chelsea', 'Barca']
    }

    *[Symbol.iterator]() {
        yield* this.teams.reverse(); // or write a decrement loop that yields the elements
    }
}

Answer 2

你應該from function 覆蓋。

class TeamsCollection {
    get teams() {
        return [
            'Liverpool',
            'Chelsea',
            'Barca'
        ]
    }

    // The constructor cannot be changed! Do not edit!
    constructor(){
        return this
    }
}

var oldFrom = Array.from;
Array.from = function(obj , mapFunc ) {
  if(obj && Array.isArray(obj.teams)) {
    if(mapFunc) {
      return obj.teams.map(mapFunc);
    }
    return obj.teams
  }
  return oldFrom(obj , mapFunc)
}

console.log(Array.from(new TeamsCollection()).join(","))
console.log(Array.from([1,2,3]).join(","))