Skip to main content

JavaScriptOnTips

In my blogs I will share all important JavaScript concepts which should be in your tips.

Search This Blog

Posts

Featured post

Event Propagation, Capturing, and Bubbling

on November 10, 2021

bubbling capturing ES6 event lisnter propagation

+

Get link
Facebook
X
Pinterest
Email
Other Apps

JavaScript Objects

on November 09, 2021

data type ES6 objects

+

Get link
Facebook
X
Pinterest
Email
Other Apps

Functions of JavaScript Event Listener

on November 08, 2021

ES6 event lisnter javascript Recent

+

Get link
Facebook
X
Pinterest
Email
Other Apps

JavaScript Classes.

on November 07, 2021

classes ES6 javascript

+

Get link
Facebook
X
Pinterest
Email
Other Apps

Prototypes in JavaScript

on November 04, 2021

constructor ES6 javascript prototypes

+

Get link
Facebook
X
Pinterest
Email
Other Apps

JavaScript On Your's Tips: hello I am aspiring front-end developer. here you will learn with me and use it as reference for interview practices.

Labels

Arrays Methods bubbling capturing classes const constructor data type delegation ES6 event lisnter

falsy javascript let objects propagation prototypes Recent string truthy var

Show more Show less

Thanks for support🤞

Popular Posts

Strings in JavaScript

Strings in JavaScript The string is one of JavaScript’s primitive data types. Strings in JavaScript are a sequential arrangement of Unicode characters, enclosed inside “ ” or ‘ ’ . Both are valid ways to define a string. In JavaScript, a valid string can be: console.log("Hello Developers"); console.log('Hello Developers'); console.log('Hello \n Developers'); All the above statements will log valid strings in the console. More Ways to Create a String Literal We can also create a string using their wrapper objects like: var str1 = "Hello"; console.log(str1); Output: > Hello var str2 = String("Hello"); console.log(str2); Output: > Hello At this point, (str1 === str2) will evaluate to true . Not only this, we can provide a non-string value to the String wrapper object and the value will be converted to String . String(20) will create a string “20” even though we pass a number to it. Using the New...

Const vs Let vs Var

Const vs Let vs Var in Javascript. Which One Should You Use? When we declare a new variable in JavaScript, we can either use const , let , or var . Each of these is used for something different and some might be needed in specific situations depending on what you’re working with. Today, we will take a look at the main differences between const , let , and var as well as when you should use which to avoid running into errors Const We’ll kick this off by starting with const which is probably the easiest of the three to understand as well as the one that I typically use the most. Const was first introduced into JavaScript when ES6 was released back in mid-2015 and has changed the ways that variables work ever since. Basically, when you assign a value to a variable when using const , it means that you cannot give that variable another value later on. In other words, if you try to change a const variable, you will...

Event Propagation, Capturing, and Bubbling

Event Propagation, Capturing, and Bubbling When I first heard about event bubbling, I had understood the gist of it but not enough to use it in practice. Event bubbling is the order in which event handlers are called when one element is nested inside a second element, and both of these elements have a registered listener for the same event(e.g. a click event). Event bubbling is often mentioned with event capturing and event propagation, 2 concepts I also didn’t have a full grasp on. In order to have a better mastery with Javascript events, understanding all three concepts is vital. Event propagation is a blanket term for both event bubbling and event capturing. Consider an example of clickable images: By clicking on the <img> element, it will generate a click event for not only the <img> element, but also for its parent element <a>, as well as its grandparent element <li> and so on. It will go all the way up until it terminates at the window o...

Powered by Blogger