---
title: "Extraer Variable"
type: "refactoring-technique"
slug: "extract-variable"
url: "http://localhost:3000/es/extract-variable.md"
category: "Composing Methods"
description: "Problema: Tienes una expresión difícil de entender. Solución: Coloca el resultado de la expresión o de sus partes en variables separadas que se expliquen por sí mismas."
languages: ["java", "csharp", "php", "python", "typescript"]
---
# Extraer Variable

> Problema: Tienes una expresión difícil de entender. Solución: Coloca el resultado de la expresión o de sus partes en variables separadas que se expliquen por sí mismas.

## Problem

Tienes una expresión difícil de entender.

## Solution

Coloca el resultado de la expresión o de sus partes en variables separadas que se expliquen por sí mismas.

## Why Refactor

La razón principal para extraer variables es hacer más comprensible una expresión compleja, dividiéndola en sus partes intermedias. Estas podrían ser:

* La condición del operador `if()` o una parte del operador `?:` en los lenguajes basados en C
* Una expresión aritmética larga sin resultados intermedios
* Líneas largas de varias partes

Extraer una variable puede ser el primer paso hacia la aplicación de [Extraer Método](/es/extract-method) si ves que la expresión extraída se utiliza en otros lugares de tu código.

## Benefits

* ¡Código más legible! Intenta dar a las variables extraídas buenos nombres que anuncien su propósito de forma clara y rotunda. Más legibilidad, menos comentarios prolijos. Opta por nombres como `customerTaxValue`, `cityUnemploymentRate`, `clientSalutationString`, etc.

## How to Refactor

1. Inserta una nueva línea antes de la expresión relevante y declara allí una nueva variable. Asigna parte de la expresión compleja a esta variable.
2. Reemplaza esa parte de la expresión con la nueva variable.
3. Repite el proceso para todas las partes complejas de la expresión.
## Relations

**Similar techniques**

- [Extraer método](/es/extract-method.md)

**Opposite refactorings**

- [Incorporar variable temporal](/es/inline-temp.md)

**Eliminates smells**

- [Comentarios](/es/smells/comments.md)

## Code Examples

### java

```java
// Before
void renderBanner() {
  if ((platform.toUpperCase().indexOf("MAC") > -1) &&
       (browser.toUpperCase().indexOf("IE") > -1) &&
        wasInitialized() && resize > 0 )
  {
    // hacer algo
  }
}

// After
void renderBanner() {
  final boolean isMacOs = platform.toUpperCase().indexOf("MAC") > -1;
  final boolean isIE = browser.toUpperCase().indexOf("IE") > -1;
  final boolean wasResized = resize > 0;

  if (isMacOs && isIE && wasInitialized() && wasResized) {
    // hacer algo
  }
}
```

### csharp

```csharp
// Before
void RenderBanner() 
{
  if ((platform.ToUpper().IndexOf("MAC") > -1) &&
       (browser.ToUpper().IndexOf("IE") > -1) &&
        wasInitialized() && resize > 0 )
  {
    // hacer algo
  }
}

// After
void RenderBanner() 
{
  readonly bool isMacOs = platform.ToUpper().IndexOf("MAC") > -1;
  readonly bool isIE = browser.ToUpper().IndexOf("IE") > -1;
  readonly bool wasResized = resize > 0;

  if (isMacOs && isIE && wasInitialized() && wasResized) 
  {
    // hacer algo
  }
}
```

### php

```php
// Before
if (($platform->toUpperCase()->indexOf("MAC") > -1) &&
     ($browser->toUpperCase()->indexOf("IE") > -1) &&
      $this->wasInitialized() && $this->resize > 0)
{
  // hacer algo
}

// After
$isMacOs = $platform->toUpperCase()->indexOf("MAC") > -1;
$isIE = $browser->toUpperCase()->indexOf("IE")  > -1;
$wasResized = $this->resize > 0;

if ($isMacOs && $isIE && $this->wasInitialized() && $wasResized) {
  // hacer algo
}
```

### python

```python
// Before
def renderBanner(self):
    if (self.platform.toUpperCase().indexOf("MAC") > -1) and \
       (self.browser.toUpperCase().indexOf("IE") > -1) and \
       self.wasInitialized() and (self.resize > 0):
        # hacer algo

// After
def renderBanner(self):
    isMacOs = self.platform.toUpperCase().indexOf("MAC") > -1
    isIE = self.browser.toUpperCase().indexOf("IE") > -1
    wasResized = self.resize > 0

    if isMacOs and isIE and self.wasInitialized() and wasResized:
        # hacer algo
```

### typescript

```typescript
// Before
renderBanner(): void {
  if ((platform.toUpperCase().indexOf("MAC") > -1) &&
       (browser.toUpperCase().indexOf("IE") > -1) &&
        wasInitialized() && resize > 0 )
  {
    // hacer algo
  }
}

// After
renderBanner(): void {
  const isMacOs = platform.toUpperCase().indexOf("MAC") > -1;
  const isIE = browser.toUpperCase().indexOf("IE") > -1;
  const wasResized = resize > 0;

  if (isMacOs && isIE && wasInitialized() && wasResized) {
    // hacer algo
  }
}
```