• قدم ES6 3 طرق لكتابة العناصر الحرفية
• الطريقة الأولى:

- ES6 Enhanced object literal syntax can take an external object like salary object and make it a property of the developer object as shown below:
const salary = {
  fixed: '$200k',
  variable: '$100k'
}

const developer = {
  // salary: salary      // Before ES6
  salary                 // ES6 way
}

developer; // { salary: { fixed: '$200k', variable: '$100k' } }

- If any change is made in salary object, same change needs to be made inside the developer object for salary object which is present as property of developer object.

• الطريقة الثانية:
• لسنا بحاجة إلى إنشاء خاصية ثم تعيينها للتعبير الوظيفي. يمكننا كتابة ذلك مباشرة بدون الكلمة الرئيسية للوظيفة كما هو موضح أدناه، أي طريقة ES6.

const salary = {
  fixed: '$200k',
  variable: '$50k'
}

const developer = {
  salary,
  /* Before ES6
  greet: function(name){
    console.log(`Salary credited. Enjoy ${name}!`);
  }*/
  // ES6 Way
  greet(name){
    console.log(`Salary credited. Enjoy ${name}!`);
  }
}

developer.greet("Peter");

• الطريق الثالث:
• يمكن حساب أسماء الخصائص أيضًا

const seasons = ['winter','summer','spring', 'monsoon','autumn'];

const fruits = {
  [seasons[0]]: 'apple',
  [seasons[1]]: 'mango',
  [[seasons.length]]: 'cherry'
}

fruits;   // { '5': 'cherry', winter: 'apple', summer: 'mango' }