Learn JavaScript: Conditionals, Functions, and Scope
Continue with JavaScript foundations with conditionals, functions, and scope.
StartKey Concepts
Review core concepts you need to learn to master this subject
Control Flow
Logical Operator ||
Ternary Operator
else
Statement
Logical Operator &&
switch
Statement
if
Statement
Logical Operator !
Control Flow
Control Flow
Control flow is the order in which statements are executed in a program. The default control flow is for statements to be read and executed in order from left-to-right, top-to-bottom in a program file.
Control structures such as conditionals (if
statements and the like) alter control flow by only executing blocks of code if certain conditions are met. These structures essentially allow a program to make decisions about which code is executed as the program runs.
- 1In life, we make decisions based on circumstances. Think of an everyday decision as mundane as falling asleep — if we are tired, we go to bed, otherwise, we wake up and start our day. These …
- 2We often perform a task based on a condition. For example, if the weather is nice today, then we will go outside. If the alarm clock rings, then we’ll shut it off. If we’re tired, then we’ll go to …
- 3In the previous exercise, we used an if statement that checked a condition to decide whether or not to run a block of code. In many cases, we’ll have code we want to run if our condition evaluates …
- 4When writing conditional statements, sometimes we need to use different types of operators to compare values. These operators are called comparison operators. Here is a list of some handy compar…
- 5Working with conditionals means that we will be using booleans, true or false values. In JavaScript, there are operators that work with boolean values known as logical operators. We can use logic…
- 6Let’s consider how non-boolean data types, like strings or numbers, are evaluated when checked inside a condition. Sometimes, you’ll want to check if a variable exists and you won’t necessarily w…
- 7Truthy and falsy evaluations open a world of short-hand possibilities! Say you have a website and want to take a user’s username to make a personalized greeting. Sometimes, the user does not hav…
- 8In the spirit of using short-hand syntax, we can use a ternary operator to simplify an if…else statement. Take a look at the if…else statement example: let isNightTime = true; if (isNightT…
- 9We can add more conditions to our if…else with an else if statement. The else if statement allows for more than two possible outcomes. You can add as many else if statements as you’d like, to mak…
- 10else if statements are a great tool if we need to check multiple conditions. In programming, we often find ourselves needing to check multiple values and handling each of them differently. For exam…
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory