DEV Community

Cover image for Day 1: Defining Variables in JavaScript
Tejas Khanolkar
Tejas Khanolkar

Posted on

1 1 1 1 1

Day 1: Defining Variables in JavaScript

I’ve started Hitesh Sir’s JavaScript 30 days challenge, and today’s task was all about defining variables and understanding their types. If you haven't joined yet, you can check it out here. Hurry, it's free until July 14th!

Declaring Variables

In JavaScript, you can declare variables using three keywords: let, var, and const. Here’s a quick overview:

let: Allows you to declare a variable that can be changed later.
var: Similar to let, but has some differences in scope handling.
const: Used to declare variables that should not be changed.
Example:

let myVariable = 'Hello';
var myOldVariable = 'World';
const myConstant = 42;
Enter fullscreen mode Exit fullscreen mode

When you use let or var, you can change the value of the variable. However, if you declare a variable with const, attempting to change its value will result in an error.

Variable Types

You can assign various types of values to variables:
Number: For numerical values.
String: For text values.
Boolean: For true/false values.
undefined: For variables that are declared but not yet assigned a value.
null: For variables explicitly set to have no value.
These are called primitive values.

Syntax
The syntax for declaring a variable is straightforward:

let/const/var variableName = value;

Think of a variable as a box, and the value as the content inside the box.

Key Points

typeof: This is an operator, not a function. It’s used to check the type of a variable.

console.log(typeof myVariable); // Output: string
Enter fullscreen mode Exit fullscreen mode

console.table: Handy for displaying arrays and objects in a tabular format.

const fruits = ['Apple', 'Banana', 'Cherry'];
console.table(fruits);

const user = {
  name: 'John',
  age: 25,
  city: 'New York'
};
console.table(user);

Enter fullscreen mode Exit fullscreen mode

Research Findings on Variable Declarations

I found an excellent resource on variable declarations at javascriptInfo. Here’s a summary of what I learned:

  • Difference between var and let: They are almost the same, but their scope handling is different. let is block-scoped while var is function-scoped.

  • Naming constants: Use uppercase letters for constant variable names if their values are already known. Otherwise, use camelCase.

  • Redeclaration: You cannot declare the same variable again using let or var, but you can change its value multiple times (except for const variables).

  • Naming conventions: Variable names should preferably be in camelCase (though it's not strictly required).

  • Declaring multiple variables: It's better to declare multiple variables on separate lines for readability.

let user = 'John';
let age = 25;
let message = 'Hello';
Enter fullscreen mode Exit fullscreen mode

Instead of:

let user = 'John', age = 25, message = 'Hello';

Enter fullscreen mode Exit fullscreen mode
  • Meaningful names: Always give meaningful names to your variables. For more detailed information, you can follow thisblog article.

Feel free to tweak this further as per your style. Happy coding!

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay