Advance javascript concept with tutorial

In this tutorial we'll learn advance concept of javascript in depth like advance working with function , chaining , error handling , module , ecmascript 6 concepts, asynchronous javascript etc..

๐Ÿ”—Let and const

You can find let const in javascript post here

๐Ÿ”—Namespace in javascript

Namespace refers to the programming paradigm of providing scope to the identifiers (names of types, functions, variables, etc) to prevent collisions between them. For instance, the same variable name might be required in a program in different contexts. Using namespaces in such a scenario will isolate these contexts such that the same identifier can be used in different namespaces.

// Syntax:
// To initialise an empty namespace
var namespace = {};
// To access variables in the namespace

Let's learn namespace with a one simple example for better understanding

var car = {
startEngine: function () {
console.log("Car started");
var bike = {
startEngine: function () {
console.log("Bike started");

Example: As shown above the identifier startEngine is used to denote different functions in car and bike objects. In this manner, we can use the same identifier in different namespaces by attaching it to different global objects.

๐Ÿ”—Error handling in javascript

Error handling in javascript

No matter how good you are at programming, your scripts might consist of errors. Errors can be coding errors made by the programmer, errors due to wrong input, and other unforeseeable things.

But thereโ€™s a syntax construct try...catch that allows us to โ€œcatchโ€ errors so the script can, instead of dying, do something more reasonable.

Try catch syntax

The try...catch construct has two main blocks: try, and then catch:

try {
// code...
} catch (err) {
// error handling
  • Try :- test a block of code for errors.
  • Catch :- lets you handle the error.

Letโ€™s look at some examples.

An errorless example: print in console ๐Ÿ‘‡

try {
console.log("1st printed");
} catch (error) {
console.log("error is ignored, no error");
An errorless example: print in console

An example with an error ๐Ÿ‘‡

try {
console.log("1st printed");
abcdef; // error, variable is not defined
} catch (error) {
An example with an `error`

In this example there is error because of abcdef is not defined

๐Ÿ”—Prototypes in javascript

You can find Prototypes in javascript post here

๐Ÿ”—Module in javascript

Module in javascript

module in javascript allowing to import and export different section of code from different files into others files

In easy words letโ€™s see we have a two different javascript files user.js and main.js in user.js we have a one function and we want to use it into main.js files so in this case we can do this by usnig module javascript feature

For example, we have a file user.js exporting a function user

// user.js
export function user(fname, lname) {
console.log("hello" + " " + fname + " " + lname);

Import and use it another file main.js

// main.js
import { user } from "./user.js";
user("sumit", "harijan");

Include the main.js files in to html file, as modules support special keywords and features, we must tell the browser that a script should be treated as a module, by using the attribute <script type="module">.

<script type="module" src="main.js"></script>
Module in javascript

๐Ÿ”—Advance working with function

You can find Advance working with function post here

๐Ÿ”—Chaining in javascript

You can find Chaining in javascript post here