JavaScript中setter如何工作？Codecademy示例解析

Great question! Let's break down how setters work in JavaScript, and specifically why that ageIn parameter is critical in your Codecademy example.

First, a quick refresher: setters are special object methods that let you define custom logic for how a property is updated when you assign a value to it. Instead of directly modifying a property like person._age = 25, you use a setter to add guards (like validation) or side effects before the value is saved.

Why ageIn Exists #

Let's look at your code snippet again:

let person = {
  _name: 'Lu Xun',
  _age: 137,
  set age(ageIn) {
    if (typeof ageIn === 'number') {
      this._age = ageIn;
    } else {
      console.log('Invalid input');
      return 'Invalid input';
    }
  }
};

When you write something like person.age = 42, JavaScript automatically takes the value you're assigning (42, here) and passes it to the setter method as its first parameter. ageIn is just a variable name for that incoming value—it's how the setter knows what you're trying to set the age to.

Think of it like this:

• person.age = 42 → JavaScript calls set age(42) under the hood
• person.age = 'thirty' → JavaScript calls set age('thirty')

Without this parameter, the setter would have no way to access the value you want to assign. It'd be like trying to write a function that adds two numbers but never gets told what those numbers are!

How the Example Uses ageIn #

In your code:

• The actual age data is stored in _age (the underscore is a convention to signal it's a "private" property that shouldn't be modified directly)
• The set age(ageIn) method acts as a gatekeeper:
  1. It checks if ageIn is a valid number using typeof
  2. If valid, it updates this._age to the incoming ageIn value
  3. If invalid, it logs an error and returns an error message

One key thing to remember: you never call the setter like a regular function (e.g., person.age(42)). You use standard assignment syntax (person.age = 42), and JavaScript handles passing the value to ageIn automatically.

内容的提问来源于stack exchange，提问作者user9621756