9、JavaScript 中 `this` 关键字与 Symbol 的深入解析

JavaScript 中 this 关键字与 Symbol 的深入解析

1. this 关键字的多种应用场景

this 关键字在 JavaScript 里是一个极为重要的概念，它的值会依据不同的执行环境而有所变化。下面我们来深入探讨 this 关键字在不同场景下的具体应用。

1.1 计数器示例

function Counter(startingValue) {
    this.value = startingValue;
}

Counter.prototype.incrementFactory = function (incrementStep) {
    const incrementFn = function () {
        this.value += incrementStep;
        console.log(this.value);
    };
    return incrementFn.bind(this);
};

const counter = new Counter(0);
const increment5 = counter.incrementFactory(5);
increment5(); // 5
increment5(); // 10
increment5(); // 15

在这个示例中， incrementFactory 方法返回了一个绑定了 this