FSD-Theory Assingment 2:Advanced ES6 features in JavaScript and Typescript

 

                        Assignment -2

Advanced ES6 features in JavaScript and Typescript

 

 

Q. 1 Answer the following.

1.      What are template literals?

2.     What is the purpose of the spread syntax in JavaScript?

3.     What are arrow functions in ES6?

4.     What are Symbols in JavaScript?

5.     List three advantages of using Typescript over plain JavaScript.

6.     What are decorators in TypeScript?

7.      What are 'let' and 'const' in ES6?

Q.2 Answer the following.

1.      Explain the difference between let and const in JavaScript.

2.     What are arrow functions in ES6, and how do they differ from regular functions?

3.     Demonstrate the destructuring assignment for an object and an array.

4.     Explain the role of iterators and generators in JavaScript.

5.     Define what pure functions are and why they are important in functional programming.

6.     Explain how async and await simplify asynchronous code in JavaScript.

7.     Explain object oriented programming in ES6.

8.     Discuss decorators in TypeScript and types of decorators.

9.     What is type narrowing, and how does it work in TypeScript?

10. Explain the purpose of type guards in TypeScript.

11.  What are symbols in ES6, and how are they used? Explain with an example.

12.  Explain what TypeScript is with Static Typing feature with example?

13.  Explain how modules work in TypeScript. Provide an example of importing and exporting modules using ES6.


Comments

Post a Comment

Popular posts from this blog

Slip 11: Write node js application that transfer a file as an attachment on web and enables browser to prompt the user to download file using express js.

  const express = require ( 'express' ); const path = require ( 'path' ); const app = express (); const PORT = 3000 ; // Route to download file app . get ( '/download' , ( req , res ) => {     res . download ( 'a.txt' , ( err ) => {         if ( err ) {             console . log ( "Error downloading file:" , err );         } else {             console . log ( "File sent successfully" );         }     }); }); // Home app . get ( '/' , ( req , res ) => {     res . send ( '<h2>Click below to download file</h2><a href="/download">Download File</a>' ); }); app . listen ( PORT , () => {     console . log ( `Server running at http://localhost: ${ PORT } ` ); });
Read more

Slip 7 Create a node js file named main.js for event-driven application. There should be a main loop that listens for events, and then triggers a callback function when one of those events is detected.

 // import event module var events = require('events'); // create an eventEmitter object var eventEmitter = new events.EventEmitter(); // create an event handler var connectHandler = function (s) {    console.log('Its', s); }; // Bind the data_received event eventEmitter.on('data_received', function (name) {    console.log(name, "Understood event -Driven"); }); // trigger data_received event eventEmitter.emit('data_received', "FYMSC(CS)"); // Bind the connection event eventEmitter.on('connection', connectHandler); // trigger connection event eventEmitter.emit('connection', "SIMPLE SOLUTION"); console.log("program Ended");
Read more

Slip 1(a) Write an Angular 13 application addition of two numbers using ng-init, ng-model & ng-bind. And also demonstrate ng-show, ng-disabled, ng-click directives on button component.

Image
 a) ng new slip1 b) cd slip1 c) open app.component.ts   import { Component } from '@angular/core' ; @ Component ({   selector : 'app-root' ,   templateUrl : './app.component.html' ,   styleUrls : [ './app.component.css' ] }) export class AppComponent {   num1 : number = 0 ;   num2 : number = 0 ;   result : number = 0 ;   disableButton : boolean = false ;   showResult : boolean = false ;   add () : void {     this . result = this . num1 + this . num2 ;     this . disableButton = true ;   // Disable the button after calculation     this . showResult = true ;       // Show the computed result   } }                                                                ...
Read more