Ces deux fonctionnalités sont similaires dans le sens où elles ne sont pas cessibles.

Pouvez-vous l'expliquer exactement ?

Dans cet article, je partagerai les différences entre eux.

const empêche la réaffectation à une variable.

Dans ce cas, hisName est une variable qui ne peut pas être réaffectée.

const hisName = 'Michael Scofield'

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

Cependant, vous pouvez réaffecter à la propriété.

const hisFamily = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// → ⭕️

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

la lecture seule empêche la réaffectation à une propriété.

Par exemple, si vous essayez d'attribuer une valeur à brother en lecture seule, une erreur de compilation se produira.

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

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

En revanche, l'affectation à la variable elle-même est autorisée.

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

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

Conclusion

const rend la variable elle-même non attribuable, tandis qu'en lecture seule, la propriété est non attribuable.

En combinant const et readonly, vous pouvez créer un objet où la variable elle-même et les propriétés de l'objet sont immuables.

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.

Joyeux codage☀️