Variables (let, var) and type inference in iOS Swift - UI Render Trace

Component - Variables (let, var) and type inference

This Swift UI component shows how to declare variables using let and var. It also demonstrates type inference, where Swift figures out the variable type automatically.

Widget Tree

VStack
├── Text (title)
├── Text (let variable display)
├── Text (var variable display)
└── Button (change var variable)

A vertical stack (VStack) arranges four elements vertically: a title text, two texts showing variable values, and a button to change the variable declared with var.

Render Trace - 5 Steps

Step 1: VStack

Step 2: Text (title)

Step 3: Text (let variable display)

Step 4: Text (var variable display)

Step 5: Button

State Change - Re-render

Trigger:User taps the "Increase Variable" button

Before

Variable value is 5

→

After

Variable value updates to 6

Re-renders:The Text displaying the variable value re-renders to show the new value

UI Quiz - 3 Questions

What happens if you try to change the value of a variable declared with let?

A The value changes only once

B The value changes successfully

C The app will not compile because let constants cannot change

D The value changes but resets after a second

Key Insight

Using let for constants helps prevent accidental changes, making your code safer. Variables declared with var can change, and Swift’s type inference lets you write cleaner code without always specifying types.

Practice

1. What does the keyword let do in Swift?

easy

A. Creates a constant that cannot be changed

B. Creates a variable that can be changed

C. Declares a function

D. Defines a class

Solution

1. Step 1: Understand let usage

   The keyword let is used to declare constants in Swift, which means their value cannot be changed after assignment.

2. Step 2: Compare with var

   Unlike var, which declares variables that can change, let makes the value fixed.

3. Final Answer:

   Creates a constant that cannot be changed -> Option A

4. Quick Check:

   let = constant [OK]

Hint: Remember: let = fixed value, var = changeable value [OK]

Common Mistakes:

• Confusing let with var
• Thinking let allows value changes
• Mixing let with function declaration

2. Which of the following is the correct way to declare a variable named score with initial value 10 in Swift?

easy

A. let score = 10

B. var score = 10

C. score var = 10

D. variable score = 10

Solution

1. Step 1: Identify variable declaration syntax

   In Swift, var is used to declare variables that can change, and the syntax is var name = value.

2. Step 2: Check each option

   var score = 10 uses correct syntax. let score = 10 declares a constant, not a variable. score var = 10 and variable score = 10 are invalid syntax.

3. Final Answer:

   var score = 10 -> Option B

4. Quick Check:

   Variable declaration = var name = value [OK]

Hint: Use var for variables, let for constants [OK]

Common Mistakes:

• Using let instead of var for variables
• Incorrect keyword order
• Using non-existent keywords like variable

3. What will be the output of this Swift code?

var name = "Alice"
name = "Bob"
print(name)

medium

A. Error: Cannot assign to let constant

B. Alice

C. Bob

D. nil

Solution

1. Step 1: Understand variable reassignment

   The variable name is declared with var, so it can be changed after initial assignment.

2. Step 2: Trace the code execution

   Initially, name is "Alice". Then it is reassigned to "Bob". The print statement outputs the current value, "Bob".

3. Final Answer:

   Bob -> Option C

4. Quick Check:

   var allows change, so output is reassigned value [OK]

Hint: var means value can change, so print latest value [OK]

Common Mistakes:

• Thinking let was used and reassignment causes error
• Expecting original value to print
• Confusing variable with constant

4. What is wrong with this Swift code?

let age = 25
age = 30

medium

A. Cannot assign to value: 'age' is a constant

B. Missing semicolon after 25

C. Variable 'age' not declared

D. Syntax error: let cannot be used

Solution

1. Step 1: Identify declaration type

   age is declared with let, making it a constant.

2. Step 2: Understand reassignment error

   Trying to assign a new value to a constant causes a compile-time error: "Cannot assign to value: 'age' is a constant".

3. Final Answer:

   Cannot assign to value: 'age' is a constant -> Option A

4. Quick Check:

   let constants cannot be changed [OK]

Hint: let means constant; reassignment causes error [OK]

Common Mistakes:

• Thinking semicolon is required
• Confusing let with var
• Ignoring reassignment rules

5. Consider this Swift code:

var x = 5
let y = x
x = 10
print(y)

What will be printed and why?

hard

A. 10, because y tracks x's value

B. nil, because y is not initialized

C. Error, cannot assign var to let

D. 5, because y is a constant copy of x's initial value

Solution

1. Step 1: Understand value assignment

   Variable x is 5 initially. y is a constant assigned the current value of x, which is 5.

2. Step 2: Reassign x and check y

   Changing x to 10 does not affect y, because y holds its own copy of the value 5.

3. Final Answer:

   5, because y is a constant copy of x's initial value -> Option D

4. Quick Check:

   let copies value; later changes to var don't affect it [OK]

Hint: let copies value at assignment; later var changes don't affect it [OK]

Common Mistakes:

• Thinking y updates when x changes
• Expecting runtime error on assignment
• Confusing reference and value types