Diferencia entre readonly y const en TypeScript

Al aprender TypeScript suele aparecer una duda habitual sobre const y readonly. A primera vista parecen decir lo mismo: no se puede cambiar. Pero en realidad actúan en contextos distintos y sirven para propósitos diferentes. En este artículo explico de forma clara qué significa cada uno, diferencias clave con ejemplos y casos de uso, además de cómo aplicarlo en variables, objetos, arrays y clases.

const en TypeScript: El keyword const declara una variable cuyo binding no puede reasignarse. Ejemplo simple: const x = 10; intentar x = 20; produce error porque no se puede reasignar una variable const. Importante: const evita la reasignación del identificador, pero no evita la mutación del objeto al que apunta. Por ejemplo: const user = { name: Alice }; user.name = Bob; es permitido porque se muta una propiedad del objeto. Sin embargo user = { name: Charlie }; no está permitido porque se intenta reasignar la variable.

readonly en TypeScript: El modificador readonly se aplica a propiedades dentro de objetos, campos de clase y tipos array marcados como readonly. readonly evita la modificación de la propiedad misma, pero no impide que la variable que contiene el objeto sea reasignada si esa variable no es const. Ejemplo tipo: type User = { readonly name: string; age: number; }; let user: User = { name: Alice, age: 25 }; user.age = 26; es permitido pero user.name = Bob; da error porque name es readonly. Ejemplo clase: class Person { readonly id: number; constructor(id: number) { this.id = id; } } const p = new Person(101); p.id = 202; no está permitido porque id es inmutable tras la asignación en el constructor.

const vs readonly con arrays: Un truco común en entrevistas es diferenciar estos casos. const array: const numbers = [1,2,3]; numbers.push(4); está permitido porque cambia el contenido; numbers = [5,6]; no está permitido porque se reasigna la variable. readonly array: const readonlyNumbers: readonly number[] = [1,2,3]; readonlyNumbers.push(4); no está permitido y tampoco readonlyNumbers[0] = 100; También existe let arr: readonly number[] = [1,2,3]; arr = [4,5,6]; que sí permite reasignar la referencia porque el binding no es const.

Dónde se aplican: const se usa para variables de nivel superior, dentro de funciones, bucles o bloques. readonly se usa en propiedades de tipos, campos de clases y en la definición de arrays inmutables. Ejemplos: const PI = 3.14; type Circle = { readonly radius: number; }.

Tiempo de compilación vs tiempo de ejecución: Otra diferencia clave es que const existe en el runtime de JavaScript como const de ES6, mientras que readonly es un concepto de TypeScript que desaparece en tiempo de ejecución. Por ejemplo, type User = { readonly name: string }; en runtime sigue siendo un objeto normal sin metadatos readonly, la garantía es solo durante la compilación.

Casos reales de uso: Usa const cuando quieras fijar una referencia y evitar reasignaciones accidentales, por ejemplo constantes de configuración o endpoints. Usa readonly cuando modeles datos cuyos campos no deben cambiar después de la inicialización, por ejemplo identificadores, claves o configuraciones inmutables. Combina ambos para máxima seguridad: const users: readonly string[] = [Alice, Bob, Charlie]; así evitas reasignaciones y mutaciones del array.

Resumen práctico de diferencias clave: Aplican a: const a variables y bindings; readonly a propiedades de objetos, campos de clase y tipos array. Previene: const evita reasignación de la variable; readonly evita la mutación de la propiedad o elemento. Alcance: const en funciones, bloques y global; readonly en tipos y clases. Efecto en runtime: const existe en JS; readonly es solo comprobación de compilador en TypeScript.

Sobre Q2BSTUDIO: En Q2BSTUDIO somos una empresa de desarrollo de software centrada en aplicaciones a medida y software a medida, con experiencia en inteligencia artificial aplicada a empresas, agentes IA y proyectos de automatización. Ofrecemos soluciones completas que integran ciberseguridad, servicios cloud aws y azure y servicios inteligencia de negocio como Power BI para transformar datos en decisiones. Si buscas desarrollar una aplicación personalizada con los estándares actuales puedes conocer nuestros servicios de desarrollo en software a medida y aplicaciones a medida y explorar nuestras capacidades en inteligencia artificial para empresas. Trabajamos proyectos que combinan IA, ciberseguridad y arquitectura cloud para entregar soluciones escalables y seguras.

Recomendaciones finales: Emplea const para inmovilizar bindings y readonly para proteger propiedades internas. Para equipos que buscan patrones inmutables y diseños robustos en TypeScript, combinar const y readonly junto a buenas prácticas de diseño de tipos ayuda a reducir errores y mejorar mantenibilidad. En Q2BSTUDIO diseñamos y desarrollamos esas prácticas en proyectos de software a medida, integración de agentes IA, ciberseguridad y servicios cloud AWS y Azure para que tu solución sea segura, escalable y orientada a resultados.

Palabras clave integradas para SEO: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.