Using ECMAScript 2016

Modern JavaScript The Latest JavaScript Features
8 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€96.21
List Price:  €134.70
You save:  €38.49
£79.93
List Price:  £111.90
You save:  £31.97
CA$143.79
List Price:  CA$201.32
You save:  CA$57.52
A$160.48
List Price:  A$224.69
You save:  A$64.20
S$135.83
List Price:  S$190.17
You save:  S$54.33
HK$777.07
List Price:  HK$1,087.93
You save:  HK$310.86
CHF 89.45
List Price:  CHF 125.24
You save:  CHF 35.78
NOK kr1,141.95
List Price:  NOK kr1,598.78
You save:  NOK kr456.82
DKK kr717.64
List Price:  DKK kr1,004.72
You save:  DKK kr287.08
NZ$177.52
List Price:  NZ$248.53
You save:  NZ$71.01
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,994.74
List Price:  ৳16,793.12
You save:  ৳4,798.37
₹8,496.63
List Price:  ₹11,895.62
You save:  ₹3,398.99
RM450.75
List Price:  RM631.07
You save:  RM180.32
₦155,628.43
List Price:  ₦217,886.03
You save:  ₦62,257.60
₨27,934.96
List Price:  ₨39,110.06
You save:  ₨11,175.10
฿3,444.45
List Price:  ฿4,822.37
You save:  ฿1,377.92
₺3,518.54
List Price:  ₺4,926.10
You save:  ₺1,407.55
B$617.53
List Price:  B$864.57
You save:  B$247.04
R1,837.80
List Price:  R2,572.99
You save:  R735.19
Лв188.31
List Price:  Лв263.64
You save:  Лв75.33
₩144,872.25
List Price:  ₩202,826.95
You save:  ₩57,954.69
₪364.89
List Price:  ₪510.86
You save:  ₪145.97
₱5,883.01
List Price:  ₱8,236.45
You save:  ₱2,353.44
¥15,672.80
List Price:  ¥21,942.55
You save:  ¥6,269.75
MX$2,028.91
List Price:  MX$2,840.56
You save:  MX$811.64
QR366.34
List Price:  QR512.89
You save:  QR146.55
P1,382.59
List Price:  P1,935.69
You save:  P553.09
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,091.27
List Price:  E£7,127.98
You save:  E£2,036.71
ብር12,764.56
List Price:  ብር17,870.89
You save:  ብር5,106.33
Kz91,790.82
List Price:  Kz128,510.82
You save:  Kz36,720
CLP$99,155.08
List Price:  CLP$138,821.08
You save:  CLP$39,666
CN¥729.81
List Price:  CN¥1,021.77
You save:  CN¥291.95
RD$6,104.52
List Price:  RD$8,546.58
You save:  RD$2,442.05
DA13,454.60
List Price:  DA18,836.98
You save:  DA5,382.37
FJ$232.11
List Price:  FJ$324.96
You save:  FJ$92.85
Q773.21
List Price:  Q1,082.52
You save:  Q309.31
GY$21,000.46
List Price:  GY$29,401.48
You save:  GY$8,401.02
ISK kr13,903.60
List Price:  ISK kr19,465.60
You save:  ISK kr5,562
DH1,007.40
List Price:  DH1,410.40
You save:  DH403
L1,841.78
List Price:  L2,578.57
You save:  L736.78
ден5,922.50
List Price:  ден8,291.74
You save:  ден2,369.23
MOP$803.42
List Price:  MOP$1,124.82
You save:  MOP$321.40
N$1,834.70
List Price:  N$2,568.66
You save:  N$733.95
C$3,694.32
List Price:  C$5,172.20
You save:  C$1,477.87
रु13,665.58
List Price:  रु19,132.35
You save:  रु5,466.77
S/374.71
List Price:  S/524.60
You save:  S/149.89
K406.86
List Price:  K569.63
You save:  K162.76
SAR375.72
List Price:  SAR526.02
You save:  SAR150.30
ZK2,777.96
List Price:  ZK3,889.25
You save:  ZK1,111.29
L478.81
List Price:  L670.35
You save:  L191.54
Kč2,418.25
List Price:  Kč3,385.65
You save:  Kč967.40
Ft39,800.47
List Price:  Ft55,722.25
You save:  Ft15,921.78
SEK kr1,103.66
List Price:  SEK kr1,545.17
You save:  SEK kr441.50
ARS$102,190.76
List Price:  ARS$143,071.15
You save:  ARS$40,880.39
Bs693.61
List Price:  Bs971.08
You save:  Bs277.47
COP$437,799.12
List Price:  COP$612,936.28
You save:  COP$175,137.16
₡50,480.33
List Price:  ₡70,674.48
You save:  ₡20,194.15
L2,548.03
List Price:  L3,567.35
You save:  L1,019.31
₲784,126.06
List Price:  ₲1,097,807.85
You save:  ₲313,681.79
$U4,460.41
List Price:  $U6,244.75
You save:  $U1,784.34
zł409.96
List Price:  zł573.96
You save:  zł164
Already have an account? Log In

Transcript

Is important to keep up with the latest enhancements to JavaScript. In this section, I will include topics about the latest enhancements that apply to this course the Getting Started course. Now, ACMA script 2016 is a pretty simple release to talk about because it only contains two main features. There are some miscellaneous things but only two main features. And both features apply to this Getting Started course we will talk about them in this movie. Now, notice that the release is referred to as ECMO script 2016.

Since the change in how releases are done in ECMO script, that they're done annually since that change, they now refer to the releases by the year and so ACMA script 2016, as opposed to ESL So let's first look at what the two main features are. Now, both of these features are simpler ways to accomplish things we already do in JavaScript. So the first one is an include method on the array prototype. So arrays now have an include method. And what that allows you to do is to check to see if the value the value that is you place inside the parentheses is a part of the array. Now the second main feature is the exponentiation operator.

This allows us to to compute a number at a certain power. So in the case of the example shown here, this is two to the power of eight. So basically two times two times two times two times two times two times two times two. Which would equal 256. So that's the exponentiation operator. Now before we look at some examples, let's take a look at how these are currently supported.

Now, this is as of January 2018. And on this web page, I've selected 2016 plus so features beyond 2016. Here's our 2016 features exponentiation. And the includes method. Now if we scroll across, we can see that polyfills some of them are supported Babel, for sure. As we get to desktop browsers, all the modern browsers, latest releases are currently supporting both of those features as we can see here.

Node in its really latest releases is supporting it. And then also we can see the iOS supports that as well. So that's the current support for these two features. That can always be an important thing to check as you're working on a specific project because you will know what your audiences for that project. Alright, let me jump to sublime. And we'll look at some examples.

Now first off, we'll take a look at the includes method. So to do that, I want to create an array to begin with. And this array is going to have some names in it. This is going to be a pretty simple application of this feature, but it will show how it works. Now I'm going to create a function and what this function is going to do is it will check this array to see if the name exists inside the array. If it does, and it will simply log to the console that it's already included.

If it doesn't, then it will go ahead and add it to the array, and then log to the console that it was added. So pretty simple. Let's first set up our function and we want to pass in a name, that's what we will be checking. So we'll pass that into the function. Now we can accomplish what we're after here with a simple if statement. If and then inside parentheses, this is where we would use the new includes method, or the array dot includes.

And then inside parentheses there, the name that is passed in so it's going to check to see if that name is a part of the array. If it is, then we can log to the console simply a message something like this. Now if that Name is not included. Then we're going to add it. And the way we will add is with the push method. That will push that will push it on to the array and to the right variable there.

That will push it on to the array and then we'll simply log to the console that it was added. We'll do the variable again name was added. So that is our simple function. Now, before we test this out, I just want to indicate that this part right here is basically accomplishing the same thing as index up with this statement right here. So index of returns the position of an element in the array, and if it returned, if it doesn't exist in the array, It will return a negative one. So this is a simpler way that includes method as a simpler way to check to see if something exists instead of a roundabout way, which is what we do with index up.

Okay? All right, let me save that. I'm gonna go ahead and grab the file path here so we can check this out and open the console. Now let's go ahead and call the check name, function. And let me add Sam first. This name does not exist.

So what happens Sam was added. Now let's see what the ratios Yes, we now see that Sam was a part of that array. Now if we do a check name with something that already exists, let's do Max. Max is already included. If we check the array we can see that wasn't Added again. So very simple function, but it shows the use of using includes, that is now a part of the array prototype so we can use it on any of our arrays.

All right now the second feature is the exponentiation operator, and we'll just take a look at that one here at the console. That one's pretty simple. So let's say we wanted to raise two to the power of eight and get the results. Well, here's how we would do it. And that returns 256. So the exponentiation operator is basically two asterisks.

So one asterisk is for multiplication, two would be exponentiation. So another one really quick. Four to the power of 510 24. Now just so you're aware, this is basically accomplishing the same thing as The POW method that's part of the math object, the power method. And we can enter the same thing doing math dot, pow, and then in parentheses, two, that's the number and then comma, and then the next entry is what we want to raise up to. So that would return 256 as well.

So same results. It's just easier to enter now with the exponentiation operator. All right, those are the two main features that were released with ACMA script 2006 teen. Let's go ahead and move on to the next topic.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.