ARTICLE

36 3,122

Assignment Operators in TypeScript

Posted by Nitin Bhardwaj in Articles | TypeScript on November 02, 2012

Tags: assignment operator typescript, Assignment Operators, TypeScript

In this article I have described assignment operators in TypeScript with an example.

Reader Level: Beginner

Assignment Operators in TypeScript

Assignment operators are used to assign values to variables. This type of statement consists of a variable name, an assignment operator, and an expression. When appropriate, you can declare a variable and assign a value to it in a single statement. In assignment expressions, the right-hand expression is contextually typed by the type of the left hand expression. The first assignment operator in the table, assigns the value (unmodified) of the expression on the right of the equal sign to the variable on the left. The other five operators are called compound assignment operators that perform the specified operation on the right-side value before assiging a value to the left side.

The Assignment operators are summarized in the following table.

Operator	Same AS	Description
x = y	x = y	Simple assignment operator; assigns the value from the right side operand to the left side operand
x += y	x =x + y	Add AND assignment operator; it adds the right operand to the left operand and assigns the result to the left operand
x -= y	x =x - y	Subtract AND assignment operator; it subtracts the right operand from the left operand and assigns the result to the left operand
x *= y	x =x * y	Multiply AND assignment operator; it multiplies the right operand with the left operand and assigns the result to the left operand
x /= y	x =x / y	Divide AND assignment operator; it divides the left operand by the right operand and assigns the result to the left operand
x %= y	x =x % y	Modulus AND assignment operator; it divides the left operand by the right operand and assigns the remainder to the left operand

Example

The following example shows the assignment operation. In this example I have an assignment class and define an operator function in the class which perform various types of operations. Let's use the following steps.

Step 1

Open Visual Studio 2012 and click "File" -> "New" -> "Project...". A window is shown. Give the name of your application as "assignment-operator" and then click ok.

Step 2

After this session the project has been created. A new window is opened on the right side. This window is called the Solution Explorer. The Solution Explorer contains the ts file, js file, css file and html file.

Coding

assignment.ts

class assignment

{

constructor ()

{

}

operator(a:number,b:number)

{

var c: number;

c = a + b;

document.writeln("Addtion Operation Result: " + c+" ");

c += a;

document.writeln("Assignment Operation AND Add Result: " + c+" ");

c -= a;

document.writeln("Assignment Operation AND Subtract Result: " + c+" ");

c *= a;

document.writeln("Assignment Operation AND Multiply Result: " + c+" ");

c /= a;

document.writeln("Assignment Operation AND Division: " + c+" ");

c %= a;

document.writeln("Assignment Operation AND Modulus: " + c+" ");

}

window.onload = () =>

{

var a: number,b:number;

a = parseInt(prompt("Enter A First Number"));

b = parseInt(prompt("Enter A Second Number"));

var greeter = new assignment();

document.write("First Number is: " + a + " ");

document.write("Second Number is: " + b + " ");

greeter.operator(a, b);

};

default.html

<!DOCTYPEhtml>

<htmllang="en"xmlns="http://www.w3.org/1999/xhtml">

<head>

<metacharset="utf-8"/>

<title>Assignment Operator</title>

<linkrel="stylesheet"href="app.css"type="text/css"/>

<scriptsrc="app.js"></script>

</head>

<body>

<h2>Assignment Operator In TypeScript</h2>

<divid="content"/>

</body>

</html>

app.js

var assignment = (function ()

{

function assignment() {

}

assignment.prototype.operator = function (a, b)

{

var c;

c = a + b;

document.writeln("Addtion Operation Result: " + c + " ");

c += a;

document.writeln("Assignment Operation AND Add Result:" + c + " ");

c -= a;

document.writeln("Assignment Operation AND Subtract Result:" + c + " ");

c *= a;

document.writeln("Assignment Operation AND Multiply Result:" + c + " ");

c /= a;

document.writeln("Assignment Operation AND Division:" + c + " ");

c %= a;

document.writeln("Assignment Operation AND Modulus:" + c + " ");

};

return assignment;

})();

window.onload = function ()

{

var a;

var b;

a = parseInt(prompt("Enter A First Number"));

b = parseInt(prompt("Enter A Second Number"));

var greeter = new assignment();

document.write("First Number is :" + a + " ");

document.write("Second Number is :" + b + " ");

greeter.operator(a, b);

};

Output 1

Output 2

Output 3

Reference By

http://www.typescriptlang.org/

This Feature is Sponsored By

.NET Charting component with full set of charting and gauge types

comments

COMMENT USING

PREMIUM SPONSORS

Infragistics

Infragistics is experts in technology and design, and passionate about helping you build highly performant and stylish applications that solve problems, deliver inspiration, and maximize results.

TRENDING UP

Simple Tooltip Using HTML and CSS Kolkata Chapter Developer Day Official Recap Object Oriented Programming Using C#: Part 9 JsAction with T4 Template Learn OOP Interface Using C# Logging Using Log4net in Compact Framework 2.0 in Visual Studio 2008 S.O.L.I.D Principle Inversion of Control and Resolution With Dependency Injection How To Find A Doctor Near Your Home in SQL Server How to Add an Alias (CNAME) Resource Record to a Zone Locate Mobile Number Using JavaScript in ASP.Net

View All

MOST LIKED ARTICLE

WCF Introduction and Contracts - Day 1 Create SSRS Report Using Report Wizard CREATE READ UPDATE and DELETE - CRUD Operation Using LINQ to SQL WCF - Data Contract - Day 4 Factory Design Pattern

Follow @twitterapi

Options	Votes	%
Very Fast	5	8.33
OK	47	78.33
Slow	5	8.33
Very Slow	3	5.00
Total	60	100%

In Focus

Assignment Operators in TypeScript

Related Articles


Speed of C# Corner

How do you find speed of C# Corner when visiting the site?

Very Fast OK Slow Very Slow