JavaScript Learning Notes 6 prototype the basics

First we go on to the code above, and we'll extend this code:

Copy Code code as follows:

<script type= "Text/javascript" >
var person = function (name, age) {
THIS.name = name;
This.age = age;
This. introduce = function () {
Alert ("My name is" + THIS.name +). I ' m ' + this.age);
};
};
var person1 = new Person ("sarin", 21);
var person2 = new Person ("Kym", 26);
Alert (Person1. introduce = = Person2. introduce);
</script>

The result popped false. In other words, the methods of the two objects are different methods. So we know that in C #, each object maintains a method table, but the method table should point to the same address. If so, when we declare 100 objects, is not to create 100 copies of objects, is not a big waste of space?

So we think of this solution, with prototype:

Copy Code code as follows:

<script type= "Text/javascript" >
var person = function (name, age) {
THIS.name = name;
This.age = age;
};
Person.prototype.Introduce = function () {
Alert ("My name is" + THIS.name +). I ' m ' + this.age);
}
var person1 = new Person ("sarin", 21);
var person2 = new Person ("Kym", 26);
Alert (Person1. introduce = = Person2. introduce);
</script>

That's it. So are you going to say whether it's the same with prototype? In fact, I used to understand this, in this accidental experiment to see the problem.