Tuesday, December 20, 2011

Prototype of Javascript

Recently I just try to dig my knowledge of JavaScript deeper. Prototype is a very important concept of JavaScript and is the key to program JavaScript in object-oriented way. After reading some articles I did the code snippets for experiment.

Reference articles:
Understand JavaScript Article
OO programming in JavaScript

My experiment code:

<script type="text/javascript">
    function employee(name,jobtitle,born){
       this.name=name;
       this.jobtitle=jobtitle;
       this.born=born;
    }
    var fred=new employee("Fred Flintstone","Caveman",1970);

    employee.prototype.salary=300;

    document.write(fred.name + "'s salary:" + fred.salary);
    document.write('<br/>');

    var jack = new employee("Jack","Developer",1983);
    jack.salary=100;

    document.write("Prototype(defaultsuper class static) salary: " + jack.__proto__.salary);
    document.write('<br/>');
    document.write(jack.name + "'s salary:" + jack.salary);
    document.write('<br/>');

    employee.prototype.aftertax = function(){
        return this.salary * 0.8;
    };

    document.write(jack.name + "'s after tax salary: " + jack.aftertax());
    document.write('<br/>');
</script>

4 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting.our sclinbio.com

    ReplyDelete
  3. Nice Article!

    Thanks for sharing with us 🙂

    AWS Course In Hyderabad

    ReplyDelete