Generics

The type checking in TypeScript ensure that variables in our code can only have specific types of values assigned to them.

This way we can avoid a lot of mistakes while writing code because IDE/framework tell us wrong type before performing operation. This makes type checking one of the best features of TypeScript.

In this post we will focus what is generics and how to use generics in typescript.

Simple Definition

Generics is nothing but a parameterized type, which can be used in a verity scenario with type safety.

Why we need generics?

Important feature of generics is it creates reusable components that can work over a variety of types rather than one. This allows users to consume these components and use with their own types.

Check following example:

Following examples there are two redundant methods used to return user data

Return user number

function userData(arg: number): number {
    var test;
    if (typeof arg === "number") {
        // return employee id
        test = arg;
        return test;
    }
} 

Return user name

function userData(arg:string): string {
    var test: string;
    if (typeof arg === "string") {
        //return employee name
        test = arg;
        return test;
    }
 
    return test;
}

How to create reusable method?

Using Any

Fowling method is reusable for employee id and username both types

function userDataReusable(arg: any): any {
    var test;
    if (typeof arg === "number") {
        // return user unique number
        test = arg;
        return test;
    } else if (typeof arg === "string") {
 
        //return username
        test = arg;
        return test;
    }
    return test;
}

Using generic

Fowling method is reusable for employee id and username both types

function userReusableWithGenerics<T>(arg: T): T {
    var test;
    if (typeof arg === "number") {
        // return user unique number
        test = arg;
        return test;
    } else if (typeof arg === "string") {
 
        //return username
        test = arg;
        return test;
    }
    return test;
}

Array example with generics

Following example has an argument arg which is an array of Ts, and returns an array of T

function arrayExample<T>(arg: Array<T>): Array<T> {
    console.log(arg.length);  // Array has a .length, so no more
error
    return arg;
}

Hi codechef4u community friends and technical experts, I found one great post from Eric Ligman, Microsoft Director of Sales Excellence.

That link was shared by one of my friend in email last week and I found that again today on social networking website shared by one MVP friend.

In post Eric saying it’s kind of annual “FREE MICROSOFT EBOOK GIVEAWAY extravaganza”, its amazing repository with useful books on Azure, Cloud, Windows Development, Mobile development and Enterprise mobility, Office, BizTalk, Xamarin, Dynamics, SQL Server and many more…

Blog post shared useful information also how to download and answered some important questions.

Download and enjoy free 150+ Microsoft eBooks using following link ...

https://blogs.msdn.microsoft.com/mssmallbiz/2017/07/11/largest-free-microsoft-ebook-giveaway-im-giving-away-millions-of-free-microsoft-ebooks-again-including-windows-10-office-365-office-2016-power-bi-azure-windows-8-1-office-2013-sharepo/#comments

var y = document.getElementsByClassName('facebook pop-upper');
var aNode = y[0];
aNode.onclick = function () {
    FB.ui({
        method: 'share',
        display: 'popup',
        href: window.location.href,
        quote:$("h2.post-title a").text()
    }, function (response) { });
}

  url:"https://www.facebook.com/sharer/sharer.php?u={url}&t="+c4UTitleVal