JavaScript对象访问器的工作原理及使用方法

let order = {
    firstName: "Vilan",
    lastName: "Liu",
    get fullName() {
        return `${this.firstName} ${this.lastName}`;
    },
    set fullName(value) {
        let nameList = value.split(' ');
        this.firstName = nameList[0];
        this.lastName = nameList[1];
    }
};

console.log(person.fullName); // Vilan Liu
person.fullName = "Jack Ma";
console.log(person.firstName); // Jack
console.log(person.lastName); // Ma

let person = {
    firstName: "Vilan",
    lastName: "Liu"
};

Object.defineProperty(person, 'fullName', {
    get: function() {
        return `${this.firstName} ${this.lastName}`;
    },
    set: function(name) {
        let nameList = name.split(' ');
        this.firstName = nameList[0];
        this.lastName = nameList[1];
    }
});

console.log(person.fullName); // Vilan Liu
person.fullName = "Jack Ma";
console.log(person.firstName); // Jack
console.log(person.lastName); // Ma

let user = {
    _wallet: 0,
    get wallet() {
        return this._wallet;
    },
    set wallet(value) {
        if (value <= 0) {
            console.error("钱包余额必须大于0！");
        } else {
            this._wallet = value;
        }
    }
};

user.wallet = -1; // 钱包余额必须大于0！
user.wallet = 1000000;
console.log(user.user); // 1000000

let iceCream = {
    price: 5,
    amount: 2,
    get subtotal() {
        return this.price * this.amount;
    }
};

console.log(iceCream.subtotal); // 10

let rectangle = {
    width: 20,
    height: 10,
    get area() {
        return this.width * this.height;
    }
};

console.log(rectangle.area); // 200
rectangle.area = 100;
console.log(car.description); // 200