typescript 2

10.2 

Declare an interface named - Product with two properties like productId and productName with a number and string datatype and need to implement logic to populate the Product details.


interface Product {

    productId: number;
    productName: string;
  }
 
  function populateProductDetails(product: Product, id: number, name: string): void {
    product.productId = id;
    product.productName = name;
  }
  const newProduct: Product = { productId: 0, productName: '' };
  populateProductDetails(newProduct, 123, 'Example Product');
  console.log(newProduct); // Output: { productId: 123, productName: 'Example Product' }
 
above typescript code compiled into

function populateProductDetails(product, id, name) {
    product.productId = id;
    product.productName = name;
}
var newProduct = { productId: 0, productName: '' };
populateProductDetails(newProduct, 123, 'Example Product');
console.log(newProduct); // Output: { productId: 123, productName: 'Example Product' }

o/p:

{productId: 123, productName: 'Example Product'}

10.4
Declare an interface with function type and access its value.

interface MyInterface {
    (param1: string, param2: number): boolean;
  }
 
  const myFunction: MyInterface = (str, num) => {
    return str.length === num;
  };
 
  console.log(myFunction('Hello', 5)); // Output: true
  console.log(myFunction('World', 10)); // Output: false

  ty104.ts

  upon compiling, it will generate

.js file

var myFunction = function (str, num) {
    return str.length === num;
};
console.log(myFunction('Hello', 5)); // Output: true
console.log(myFunction('World', 10)); // Output: false

o/p:

true
false

Comments

Post a Comment

Popular posts from this blog

AIDS Meanstack Sample questions

Image
1.  1. A AIM:  Include the Metadata element in Homepage.html for providing description as "IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessories etc. Program: <html> <head>   <meta charset="UTF-8">   <meta name="description" content="IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessories etc. ">   <meta name="keywords" content="Electronics, Clothing, Accessories" >   <meta name="author" content="John Doe">   <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> IEKart's is an online shopping website that sells goods in retail. This company deals with various categories like Electronics, Clothing, Accessorie...
Read more
      1.         A) Link "Login", "SignUp" and "Track order" to "Login.html", "SignUp.html" and "Track.html" page respectively.    B) Show functionality of the global attributes such as contenteditable, spellcheck, id      2.          Create following  Tables with Table Elements : Colspan/Rowspan Attributes,  Try different border, cellspacing, cellpadding attributes       3.         A) Create Form Elements, Color and Date Pickers, Select and Datalist Elements B) Add media content in a frame using audio, video, iframe elements to the Home page of IEKart's Shopping application.        4. Write a JavaScript program to find the area of a circle using radius   and PI (const) using HTML   5. ...
Read more

Express.js Registration form data 2 Server

Open Command prompt and Go to your Project folder and run these commands    npm install --save pug npm install --save body-parser npm install --save multer create index.js file in your project folder from Visual studio code with following code var express = require ( 'express' ); var bodyParser = require ( 'body-parser' ); var multer = require ( 'multer' ); var upload = multer (); var app = express (); app . get ( '/' , function ( req , res ){     res . render ( 'form' ); }); app . set ( 'view engine' , 'pug' ); app . set ( 'views' , './views' ); // for parsing application/json app . use ( bodyParser . json ()); // for parsing application/xwww- app . use ( bodyParser . urlencoded ({ extended : true })); //form-urlencoded // for parsing multipart/form-data app . use ( upload . array ()); app . use ( express . static ( 'public' )); app . post ( '/' , function ( req , res ){     console . l...
Read more