ARTICLE

How to Use Class in TypeScript

Posted by Nitin Bhardwaj Articles | TypeScript October 05, 2012
Tags: class in typescript, typescript, TypeScript Class, Visual Studio 2012
In this article I have described how to use classes in TypeScript with an example.
Reader Level:

Class in TypeScript

A ClassDeclaration declares a class instance type and a constructor function, both with the name given by Identifier, in the containing module. The class instance type is created from the instance members declared in the class body and the instance members inherited from the base class. The constructor function is created from the constructor declaration, the static member declarations in the class body, and the static members inherited from the base class. The constructor function initializes and returns an instance of the class instance type.

The following example shows how the Class can be used in TypeScript. The example prints "Hello C-sharpcorner user....!".

Coding

classdemo.ts

class Greeter {

       greeting: string;

       constructor (message: string) {

              this.greeting = message;

       }

       greet() {

              return"Hello, " + this.greeting;

       }

}  

var greeter = new Greeter("C-sharpcorner user.....!");

 

var button = document.createElement('button')

 

button.onclick = function() {

       alert(greeter.greet())

}

document.body.appendChild(button)

 

classdemo.html

<html>

   <head>

   </head>

   <body>

       <h1>TypeScript Class Example</h1>

   <script>var Greeter = (function () {

    function Greeter(message) {

        this.greeting = message;

    }

    Greeter.prototype.greet = function () {

        return"Hello, " + this.greeting;

    };

    return Greeter;

    })();

       var greeter = new Greeter("C-sharpcorner user.....!");

       var button = document.createElement('button');

       button.textContent = "Click On Me";

     

       button.onclick = function () {

           alert(greeter.greet());

       };

       document.body.appendChild(button);

    </script>

  </body>

</html>

 

app.js

var Greeter = (function () {

    function Greeter(message) {

        this.greeting = message;

    }

    Greeter.prototype.greet = function () {

        return"Hello, " + this.greeting;

    };

    return Greeter;

})();

var greeter = new Greeter("C-sharpcorner user.....!");

var button = document.createElement('button');

button.onclick = function () {

    alert(greeter.greet());

};

document.body.appendChild(button);

 

Output

 

class-type-script.gif

Reference By

http://www.typescriptlang.org/

Login to add your contents and source code to this article
This Feature is Sponsored By DynamicPDF Merger is a developers dream for interacting with any existing PDF documents. Merge, append, split, form fill, flatten stamp and so much more.
post comment
     
COMMENT USING
PREMIUM SPONSORS
DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and add new content to existing PDF documents from within your applications.
Join a Chapter
TRENDING UP
MOST LIKED ARTICLE
HOT KEYWORDS
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Join a Chapter
WHITEPAPERS AND BOOKS
Hosted By CBeyond Cloud Services MVPs MOST VIEWEDLEGENDSNOW PRIZESAWARDSREVIEWSSURVEYCERTIFICATIONSDOWNLOADS
PRIVACY POLICY | TERMS & CONDITIONS | SITEMAP | CONTACT US | ABOUT US | REPORT ABUSE
©2013 C# Corner. All contents are copyright of their authors.