Es6 new features summarized round up

-

Escmascript es2017 or better known as es16 is the edition after the famously popular es15, In this edition there are only two new additional features the exponention operator and Array.prototype.includes() function

exponention operator

** Operator is a short hand method used for raising numbers to their power

Its syntax is similar to native operators such as '+' Addition and '-' (minus) for subtraction

Example usage
Initially to raise a number to the power you would need to use math library pow function as;

Math.pow({number}, {factor})

Since es2017 you can simplify the operation above down to simply as;

{number} ** {factor}

Example as;

5 ** 2
// Giving you 25

Array.prototype.includes()

Array includes is a feature similar to a pre existing function array.indexof() as compared to array.indexof() array.includes() function notably returns a true  boolean on matched value, and false if value not matched

Examples on how to use 'array.includes()' function

The first argument is the value to be looked upon in an array;

const arr = ['dogs', 'cats', 'snakes']

arr.includes('liars')
// false

arr.includes('snakes')
// true

arr.includes('lizards')
// false

Comments

Post a Comment

Popular posts from this blog

Redirecting a webpage in JavaScript

-
Redirects are way of navigating a user to another webpage or location redirects are normally done by server side implementations. it's possible to do redirects using JavaScript too window.location is a object that stores current location information such as path, port, hostname and href or the location in the address bar of your browser changing it invokes a redirect it's a simple way to redirect a user to another webpage Syntax window.location.asign('https://example.com') or simply like window.location = "https://example.com" or simply omit window location = "https://example.com"
Read more

What is 'this.' keyword in JavaScript

-
In JavaScript 'this' is an object and a reference to the current object that is used to get and to set properties of the current object. Take for instance within a function; const func = function (name){     this.name = name } func.name instance property name is set to that of the first argument; const inst = new func('duke') inst.name // returns duke You can as well extend func to set name using 'this'; func.prototype.set = function(name){     this.name = name } Running the previous instance with this set method; inst.set('John') // returns John
Read more

Introduction to webshare API (navigator.share)

-
Image
navigator.share is a JavaScript API providing a sharing interface similar to native apps webshare API is supported on most updated mobile browsers Including Google chrome for Android Sharing is done by passing an Object with parameters "url", "text" or "title" to navigator.share function. For a webshare request to succeed you must supply at lest one of the parameters navigator.share returns a Promise upon being called "upon navigator.share({     "url": document.location,     "text": "I'm an example",     "title": document.title }) .then(resp => console.info("Successfully shared")) .catch(errors => console.error(errors))
Read more