Using Linting Tools

Modern JavaScript Debugging and Deploying
5 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
€94.79
List Price:  €132.71
You save:  €37.92
£78.97
List Price:  £110.56
You save:  £31.59
CA$139.89
List Price:  CA$195.85
You save:  CA$55.96
A$153.73
List Price:  A$215.23
You save:  A$61.50
S$134.32
List Price:  S$188.05
You save:  S$53.73
HK$778.26
List Price:  HK$1,089.59
You save:  HK$311.33
CHF 88.57
List Price:  CHF 124
You save:  CHF 35.43
NOK kr1,105.08
List Price:  NOK kr1,547.16
You save:  NOK kr442.07
DKK kr706.99
List Price:  DKK kr989.82
You save:  DKK kr282.82
NZ$170.06
List Price:  NZ$238.10
You save:  NZ$68.03
د.إ367.26
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,906.24
List Price:  ৳16,669.22
You save:  ৳4,762.97
₹8,436.24
List Price:  ₹11,811.08
You save:  ₹3,374.83
RM447.10
List Price:  RM625.96
You save:  RM178.86
₦167,464.25
List Price:  ₦234,456.65
You save:  ₦66,992.40
₨27,687.73
List Price:  ₨38,763.93
You save:  ₨11,076.20
฿3,470.35
List Price:  ฿4,858.63
You save:  ฿1,388.28
₺3,445.98
List Price:  ₺4,824.51
You save:  ₺1,378.53
B$578.68
List Price:  B$810.17
You save:  B$231.49
R1,810.53
List Price:  R2,534.81
You save:  R724.28
Лв185.34
List Price:  Лв259.49
You save:  Лв74.14
₩139,691.42
List Price:  ₩195,573.58
You save:  ₩55,882.15
₪373.67
List Price:  ₪523.15
You save:  ₪149.48
₱5,901.36
List Price:  ₱8,262.14
You save:  ₱2,360.78
¥15,574.86
List Price:  ¥21,805.43
You save:  ¥6,230.57
MX$2,020.46
List Price:  MX$2,828.72
You save:  MX$808.26
QR363.35
List Price:  QR508.71
You save:  QR145.35
P1,355.53
List Price:  P1,897.79
You save:  P542.26
KSh12,948.70
List Price:  KSh18,128.70
You save:  KSh5,180
E£4,969.50
List Price:  E£6,957.50
You save:  E£1,988
ብር12,262.61
List Price:  ብር17,168.15
You save:  ብር4,905.53
Kz91,256.94
List Price:  Kz127,763.36
You save:  Kz36,506.42
CLP$97,119.28
List Price:  CLP$135,970.88
You save:  CLP$38,851.60
CN¥724.58
List Price:  CN¥1,014.45
You save:  CN¥289.86
RD$6,000.34
List Price:  RD$8,400.72
You save:  RD$2,400.37
DA13,341.73
List Price:  DA18,678.95
You save:  DA5,337.22
FJ$227.04
List Price:  FJ$317.87
You save:  FJ$90.82
Q769.16
List Price:  Q1,076.85
You save:  Q307.69
GY$20,834.51
List Price:  GY$29,169.15
You save:  GY$8,334.63
ISK kr13,772.62
List Price:  ISK kr19,282.22
You save:  ISK kr5,509.60
DH995.44
List Price:  DH1,393.66
You save:  DH398.21
L1,819.82
List Price:  L2,547.83
You save:  L728
ден5,825.40
List Price:  ден8,155.79
You save:  ден2,330.39
MOP$798.74
List Price:  MOP$1,118.27
You save:  MOP$319.52
N$1,801.35
List Price:  N$2,521.97
You save:  N$720.61
C$3,666.61
List Price:  C$5,133.40
You save:  C$1,466.79
रु13,462.23
List Price:  रु18,847.67
You save:  रु5,385.43
S/378.10
List Price:  S/529.35
You save:  S/151.25
K400.90
List Price:  K561.28
You save:  K160.37
SAR375.38
List Price:  SAR525.55
You save:  SAR150.16
ZK2,752.36
List Price:  ZK3,853.42
You save:  ZK1,101.05
L471.69
List Price:  L660.38
You save:  L188.69
Kč2,395.79
List Price:  Kč3,354.20
You save:  Kč958.41
Ft38,840.72
List Price:  Ft54,378.57
You save:  Ft15,537.84
SEK kr1,099.74
List Price:  SEK kr1,539.68
You save:  SEK kr439.94
ARS$100,165.56
List Price:  ARS$140,235.79
You save:  ARS$40,070.23
Bs690.96
List Price:  Bs967.37
You save:  Bs276.41
COP$440,690.82
List Price:  COP$616,984.78
You save:  COP$176,293.95
₡50,645.88
List Price:  ₡70,906.26
You save:  ₡20,260.37
L2,517.41
List Price:  L3,524.47
You save:  L1,007.06
₲775,966.15
List Price:  ₲1,086,383.66
You save:  ₲310,417.50
$U4,274.58
List Price:  $U5,984.58
You save:  $U1,710
zł411.21
List Price:  zł575.71
You save:  zł164.50
Already have an account? Log In

Transcript

In this video, I want to talk for just a moment about linting tools. Now first, let me explain what a linting tool is. So Douglas Crockford, the person that created the default linting tool for JavaScript explained it when he was a programming language early on, there were a bunch of programming errors that were not caught by the compiler. So an accessory program was created called lint. And that was used to check the source files for certain problems. So a JavaScript linting tool checks your JavaScript for problems.

So basically, a linting tool is a syntax checker and verifier. Now, as I mentioned, J es lint is the default syntax checker for JavaScript. It's not the only one jass lint was developed by Douglas Crockford as I said, but I'm going to show you an another linting tool as well. So first j es lint, you can access yes lint by going to jslint.com. It provides a link where you can read the instructions of how to use it. And the main portion of the page is a place to paste your JavaScript code.

Now I'm going to select all the code from the event report that I created, and we'll check that code. So I simply copy it, jump back to J es lint, and then I paste it in. Now before I click the jesslyn button, I want to just set a few things. I'm going to assume that this is in a browser. These are some of the settings that I can choose for things I want to check. And then I'm also going to assume it's in development.

And then I clicked the button jslint now, I don't frequently use JS lint, it would be a good practice to do it. But I don't frequently use it because I guess you could say it's hurt my feelings too many times. It reports so many things about your JavaScript. And many of them are really, I think opinions as opposed to things that need to be changed. For. For example, let's look at some of the warnings that are in here.

One thing it doesn't like how I declare my variables, where I put a comma between variables and put them on separate lines, I think that's much easier to read. And therefore that's the reason I do that. Also with my function. It indicates that I should have a space between the function keyword and the first PRN and that's a good practice, I should probably start doing that it makes your code more readable and a differentiates between function call and a function definition because I looked Through this there are really none of the warnings that would cause my code to have problems. So those are the warnings that I've received for this code. Now, as I mentioned, jslint is not the only linter that's available for JavaScript.

J s hint is the one that I prefer. Jason can be found at Jason calm. Now before I paste my code into j s hint, I just want to provide a little information about why the makers of j s hint created Jess and it was actually a fork of j es lint. This is basically what they said. The tool by Doug jesslyn, the tool by Doug Crockford, the finds errors in your JavaScript code the project started because they thought that jslint was getting a bit too opinionated and they wanted it to become more community friendly. So j s hint is the The doesn't tyrannized your code is basically what they say.

So if I paste my code into j s hint, it gives me some metrics about my code. But I don't have any warnings. And it's not because it's not working. But I don't have any warnings. For example, I could add a bit of code that should produce a warning. And there it tells me one undefined variable x.

So that's something that I would need to crack because that can be a problem. Now, the value of j s hint and j es lint is it encourages you to improve your code. So jslint has a number of suggestions that according to Douglas Crockford will make your code more readable. And so I've used For that reason, I think his suggestions are very valuable. I love his book, JavaScript, the good parts, so I don't avoid it. But when I'm simply wanting to check my code for syntax issues, I use j s hint.

How you choose to move forward is really up to you. But I would encourage you to use one of these linting programs. Let's 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.