تتشابه هاتان الميزتان من حيث أنهما غير قابلتين للتنازل.

هل يمكنك شرح ذلك بالضبط؟

وفي هذا المقال سأشارككم الاختلافات بينهما.

const يمنع إعادة التعيين إلى متغير.

في هذه الحالة، hisName هو متغير لا يمكن إعادة تعيينه.

const hisName = 'Michael Scofield'

hisName = 'Lincoln Burrows'
// → ❌ Cannot assign to 'hisName' because it is a constant.

ومع ذلك، يمكنك إعادة التعيين إلى الممتلكات.

const hisFamily = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// → ⭕️

hisFamily = {
  mother: 'Christina Rose Scofield'
}
// → ❌ Cannot assign to 'hisFamily' because it is a constant.

readonly يمنع إعادة التعيين إلى خاصية.

على سبيل المثال، إذا حاولت تعيين قيمة للأخ للقراءة فقط، سيحدث خطأ في الترجمة.

let hisFamily: { readonly brother: string } = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// → ❌ Cannot assign to 'brother' because it is a read-only property.

من ناحية أخرى، يُسمح بالتخصيص للمتغير نفسه.

let hisFamily: { readonly brother: string } = {
  brother: 'Lincoln Burrows'
}

hisFamily = {
  brother: ''
}
// → ⭕️

خاتمة

const يجعل المتغير نفسه غير قابل للتعيين، بينما readonly يجعل الخاصية غير قابلة للتعيين.

من خلال الجمع بين const وreadonly، يمكنك إنشاء كائن حيث يكون كل من المتغير نفسه وخصائص الكائن غير قابلة للتغيير.

const hisFamily: { readonly brother: string } = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// ❌ Cannot assign to 'brother' because it is a read-only property.

hisFamily = {
  brother: ''
}
// ❌ Cannot assign to 'hisFamily' because it is a constant.

ترميز سعيد☀️