DEV Community

Alok Kumar
Alok Kumar

Posted on โ€ข Edited on

4 1

JavaScript Types

Hey All ๐Ÿ‘‹

This is more of a notes rather than an article that I took while doing an course. In this article we will talk about JavaScript types and about typeof operator.


Based on the ES Specs the types are defined as -

โ€œAn ECMAScript language type corresponds to values that are directly manipulated by an ECMAScript programmer using the ECMAScript language. โ€

So it pretty much explains itself that types have some kind of values that can be manipulated by us using javascript.

Letโ€™s talk about the primitive types that we have -

Undefined

It has only one value called undefined. Any variable which is not assigned a value has the value undefined.

Null

The Null type has exactly one value, called null. It represents an intentional absence of object value.

Boolean

This refers to two specific values - true & false.

String

The string type is generally used to represent the textual data. This is just the double quotes or single quotes string literal.

Number

The Number type is a double-precision 64-bit binary format IEEE 754 value (numbers between -(2^53 โˆ’ 1) and 2^53 โˆ’ 1). Also, it has three other values namely: +Infinity, -Infinity, and NaN ("Not a Number").

Object

An Object is a collection of properties. Each property is either a data property or an accessor property.

Symbol

The Symbol type is the set of all non-String values that may be used as the key of an Object property. It is a unique and immutable primitive value.

Note - Functions and arrays are treated as sub-type of Object type.

Note - BigInt is now recognized as primitive type which is supported by most of the browsers.

typeof(23423432423423423424234n) // 'bigint'
Enter fullscreen mode Exit fullscreen mode

Read more about BigInt - here


typeof

We can use typeof operator to check the type of the value stored in a variable.

Letโ€™s see some examples -

var a;

typeof(a); // 'undefined'

a = 5;
typeof(a); // 'number'

a = "Apple";
typeof(a); // 'string'

a = true;
typeof(a); // 'boolean'

a = {};
typeof(a); // 'object'

Enter fullscreen mode Exit fullscreen mode

Here, one thing to note is that it returns the type in string.

So if you have a piece of code like this -

if(typeof(a) === Number){
 ...
}
Enter fullscreen mode Exit fullscreen mode

Itโ€™s not gonna work as you intend to. The correct way to do this is by using number as a string.

if(typeof(a) === 'number'){
 ...
}
Enter fullscreen mode Exit fullscreen mode

Letโ€™s have a look at some tricky ones -

typeof(doesntExist); // 'undefined'

var v = null;
typeof(v); // 'object'

v = function(){};
typeof(v); // 'function'

v = [1,2,3]
typeof(v); // 'object'

Enter fullscreen mode Exit fullscreen mode

Here we can see that the type of a variable which is not declared yet or doesnโ€™t exist is โ€˜undefinedโ€™.

Unlike typeof(undefined) which returns 'undefined', typeof(null) returns 'object' which is actually a historical bug. And now it canโ€™t be fixed as a lot of legacy apps will break because of it.

Though function is not a type but itโ€™s typeof() returns 'function' but thatโ€™s not the case with an array as typeof([]) returns โ€˜objectโ€™.


I'll be posting more of my notes on JS topics, So stay tuned :)

Say Hi ๐Ÿ‘‹๐Ÿ‘‹๐Ÿ‘‹

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, weโ€™ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, weโ€™ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (1)

Collapse
 
jonrandy profile image
Jon Randy ๐ŸŽ–๏ธ โ€ข โ€ข Edited

You've omitted BigInt

typeof 101010092092402940258250858205454867847n   // bigint
Enter fullscreen mode Exit fullscreen mode

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up