ARTICLE

Assignment Operators in TypeScript

Posted by Nitin Bhardwaj Articles | TypeScript November 02, 2012
In this article I have described assignment operators in TypeScript with an example.
Reader Level:

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+"<br>");

        c += a;

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

        c -= a;

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

        c *= a;

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

        c /= a;

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

        c %= a;

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

    }  

}

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 + "<br>");

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

     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 + "<br>");

        c += a;

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

        c -= a;

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

        c *= a;

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

        c /= a;

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

        c %= a;

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

    };

    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 + "<br>");

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

    greeter.operator(a, b);

};

 

Output 1

 

first-number.jpg

Output 2

 

 second-number.jpg

Output 3

 

 final-result.jpg

Reference By

http://www.typescriptlang.org/

COMMENT USING