(FRONT) FRONT (2023)

(<< Back <<)    JS overview new main future on TS lecture   (<< Back <<)

Maximilian Schwarzmüller Typescript Lecture notes.

TS development environment (Lite-server, tsc -w), default TS library, var/const/let, arrow function syntax (with variation, omit () and {}), '...' spread operator (4 type of usage), Destructuring assignment

1 - Module Introduction.mp4
2 - let and const.mp4
3 - Arrow Functions.mp4
4 - Default Function Parameters.mp4
5 - The Spread Operator (...).mp4
6 - Rest Parameters.mp4
7 - Array & Object Destructuring.mp4
8 - How Code Gets Compiled & Wrap Up.mp4

Test environment - library, Lite-server, tsc -w (watch allow automatic recompiling)

Environment versions on my computer

JS Var defined globally, JS Const and JS Let - locally. On JS we can not declare variable at all or declare it after using.

This code working on JS but not on TS

Arrow function has a couple of variations

First variation - we can omit Curly-brackets {} for one return expression

Second variation - omit Round brackets or Parentheses () on parameters parts (important for JS embedded on Html)

"..." - spread operator

First usage spread operator as ToList or ForEach on VB.NET of each KeyValue pairs

This is simple copy reference form one object to another

Second usage "..." - allow to copy elements one-by-one from one array to another.

Third usage spread operator as rest function parameters

Fourth usage spread operator in Array and Object destructuring, Destructuring assignment https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Variable use the same name as property name



Comments ( )
Link to this page: http://www.vb-net.com/TsLecture/JsNew.htm
< THANKS ME>