Computed Property در جاوا اسکریپت

ES6 به شما اجازه می دهد که از expression داخل brackets [] استفاده کنید.سپس از نتیجه expression به عنوان نام property یک object استفاده می شود.

به مثال زیر توجه کنید:

let propName = "c";
const rank = {
    a: 1,
    b: 2,
    [propName]: 3,
};

console.log(rank.c); // 3

let propName = "c";

const rank = {

a: 1,

b: 2,

[propName]: 3,

};

console.log(rank.c); // 3

در این مثال [propName] یک computed property برای rank object است.نام property از مقدار متغیر propName نشات می گیرد.

هنگامی که به c property شیء rank دسترسی پیدا می کنید ، جاوا اسکریپت propName را evaluates کرده و مقدار property’s را برمی گرداند.

مشابه به object literal، شما می توانید از computed properties برای getters و setters در class ها استفاده کنید

let name = 'fullName';

class Person {
    constructor(firstName, lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }
    get[name]() {
        return `${this.firstName} ${this.lastName}`;
    }
}

let person = new Person('John', 'Doe');
console.log(person.fullName);

let name = 'fullName';

class Person {

constructor(firstName, lastName) {

this.firstName = firstName;

this.lastName = lastName;

}

get[name]() {

return `${this.firstName} ${this.lastName}`;

}

let person = new Person('John', 'Doe');

console.log(person.fullName);

خروجی:

John Doe

John Doe

get[name] یک computed property برای getter کلاس Person است.در runtime زمانی که شما به fullName دسترسی پیدا می کنید،person object درواقع getter را فراخوانی و full name را بر می گرداند.