Start learning free

LESSON 5 OF 414 · WELCOME TO TYPESCRIPT

Syntax Errors in TypeScript

Lesson

TL ; DR:

  • Syntax errors are mistakes in the use of the TypeScript language, analogous to spelling or grammar mistakes in a language like English. For example:


  • Omitting quotes when working with strings:

    console.log("Welcome!);
    

  • Omitting parentheses when using the console.log function:

    console.log("Let's code!";
    

  • When TypeScript encounters a syntax error, the compiler reports an error (for example Unterminated string literal). The JavaScript it still writes may then fail with a SyntaxError when it runs.




Full lesson:

Humans are prone to making mistakes. Humans are also typically in charge of creating computer programs. To compensate, programming languages attempt to understand and explain mistakes made in their programs.

Here are two common errors that we encounter while writing TypeScript code:


The SyntaxError:

Syntax errors are mistakes in the use of the TypeScript language, and are analogous to spelling or grammar mistakes in a language like English. For example, the sentence "Would you some tea?" does not make sense – it is missing a verb.

SyntaxError means there is something wrong with the way your program is written. Some examples:

1. Misuse of commas when declaring a string:

let greeting = 'Hey there!";

The compiler reports error TS1002: Unterminated string literal., and when the resulting JavaScript runs we get a SyntaxError: Invalid or unexpected token.

2. Leaving out a parenthesis:

console.log"My name is Andy");

The compiler reports error TS1005: ';' expected..


The ReferenceError:

A ReferenceError occurs when TypeScript sees a word it does not recognize. Some examples:

1. Misspelling a class / function name:

consle.log("My name is Andy");

The compiler reports Cannot find name 'consle', and when we run this code we'll get a ReferenceError: consle is not defined.

2. Using a non-existent variable / Misspelling a variable's name:

let animal = "parrot";
console.log(aniimal);

The compiler reports Cannot find name 'aniimal', and when we run this code we'll get a ReferenceError: aniimal is not defined.


Assignment
Follow the Coding Tutorial and let's practice with errors!


Hint
Look at the examples above if you get stuck.


STEP 1 OF 1
    Ctrl + Enter to check