JavaScript Array.prototype.find第二個參數thisArg不起作用

Question

我正在閱讀一本JavaScript書，找到了有關如何使用arr.find(callback[, thisArg])

class Person {
    constructor(name) {
        this.name = name;
        this.id = Person.nextId++;
    }
}

Person.nextId = 0;

const jamie = new Person("Jamie"),
      juliet = new Person("Juliet"),
      peter = new Person("Peter"),
      jay = new Person("Jay");
const arr = [jamie, juliet, peter, jay];

// option 2: using "this" arg:
arr.find(p => p.id === this.id, juliet); // returns juliet object

我無法獲得理想的結果。 每當find()返回undefined 。

Answer 1

您正在使用arrow功能，該功能保留詞法作用域。 arrow函數中的this變量表示window而不是您傳遞的juliet參數。

為了解決這個問題，您可以簡單地使用function創建新的作用域並this傳遞juliet 。

 class Person { constructor(name) { this.name = name; this.id = Person.nextId++; } } Person.nextId = 0; const jamie = new Person("Jamie"), juliet = new Person("Juliet"), peter = new Person("Peter"), jay = new Person("Jay"); const arr = [jamie, juliet, peter, jay]; // option 2: using "this" arg: let a = arr.find(function(p) { return p.id === this.id; }, juliet); console.log(a);