JS in prototype usage (GO)

JS in prototype usage (GO)

The object-oriented features that JavaScript can implement are:
• Public attribute (common field)
• Public method
• Private property (privately field)
• Private method (privately field)
• Method Overloading (methods overload)
• Constructors (constructor)
• Events (Event)
• Single inheritance (Inherit)
• Subclasses override properties or methods of the parent class (override)
• Static properties or methods (static member)

Example One (the type of behavior that is allowed to be added in JavaScript): You can use Proptotype on a type to add behavior to a type. These behaviors can only be represented on instances of the type. The allowable types in JS are array, Boolean, Date, Enumerator, Error, Function, number, Object, REGEXP, String

JS Code

1. <script type= "Text/javascript" >
2. Object.prototype.Property = 1;
3. Object.prototype.Method = function ()
4. {
5. Alert (1);
6. }
8. var obj = new Object ();
9. Alert (obj. property);
10. Obj. Method ();
11. </script>

<script type= "text/javascript" >object.prototype.property = 1;object.prototype.method = function () {alert (1);} var obj = new Object (), alert (obj. property), obj. Method ();</script>

Example two (restrictions used by prototype): prototype cannot be used on an instance, or a compilation error occurs

JS Code

1. <script type= "Text/javascript" >
2. var obj = new Object ();
3. Obj.prototype.Property = 1; Error
4. Error
5. Obj.prototype.Method = function()
6. {
7. Alert (1);
8. }
9. </script>

<script type= "Text/javascript" >var obj = new Object (); obj.prototype.Property = 1; Error//errorobj.prototype.method = function () {alert (1);} </script>

example three (how to define a static member on a type): You can define a "static" property and method for the type, which is called directly on the type

JS Code

1. <script type= "Text/javascript" >
2. Object.property = 1;
3. Object.Method = function()
4. {
5. Alert (1);
6. }
8. alert (object.property);
9. Object.Method ();
10. </script>

<script type= "text/javascript" >object.property = 1;object. Method = function () {alert (1);} alert (object.property); Object. Method ();</script>

Example Five (): This example demonstrates the usual way to define a type in JavaScript

JS Code

1. <script type= "Text/javascript" >
2. function AClass ()
3. {
4. this. property = 1;
5. this. Method = function()
6. {
7. Alert (1);
8. }
9. }
10. var obj = new aclass ();
11. Alert (obj. property);
12. Obj. Method ();
13. </script>

<script type= "Text/javascript" >function AClass () {this. property = 1;this. Method = function () {alert (1);}} var obj = new AClass (); alert (obj. property), obj. Method ();</script>

example Six (the type of behavior allowed in JavaScript): You can use prototype to add properties and methods to a custom type externally.

JS Code

1. <script type= "Text/javascript" >   
2. function  aclass ()   
3. {  
4. this . property = 1;   
5. this . method =  function ()   
6. {  
7.      alert (1);   
8. }   
9. }   
10. aclass.prototype.property2 = 2;   
11. aclass.prototype.method2 =  function   
12. {   
13.     alert (2);   
14. }   
15. var  obj =  new  aclass ();   
16. alert (obj. Property2);   
17. obj. METHOD2 ();   
18. </script>   
19.       

<script type= "Text/javascript" >function AClass () {this. property = 1;this. Method = function () {alert (1);}} Aclass.prototype.Property2 = 2; ACLASS.PROTOTYPE.METHOD2 = function{alert (2);} var obj = new AClass (); alert (obj. Property2); obj. METHOD2 ();</script>

Example Eight (): You can change properties on an object. (This is yes) you can also change the method on the object. (Different from the universal object-oriented concept)

JS Code

1. <script type= "Text/javascript" >   
2. function  aclass ()   
3. {  
4. this . property = 1;   
5. this . method =  function ()   
6. {  
7.      alert (1);   
8. }   
9. }   
10. var  obj = < Strong>new  aclass ();   
11. obj. property = 2;   
12. obj. method =  function ()   
13. {  
14.      alert (2);   
15. }   
16. alert (obj. property);   
17. obj. Method ();   
18. </script>  

<script type= "Text/javascript" >function AClass () {this. property = 1;this. Method = function () {alert (1);}} var obj = new AClass (); obj. property = 2;obj. Method = function () {alert (2);} Alert (obj. property), obj. Method ();</script>

Example Nine (): You can add properties or methods on an object

JS Code

1. <script type= "Text/javascript" >   
2. function  aclass ()   
3. {  
4. this . property = 1;   
5. this . method =  function ()   
6. {  
7.      alert (1);   
8. }   
9. }   
10. var  obj = < Strong>new  aclass ();   
11. obj. property = 2;   
12. obj. method =  function ()   
13. {  
14.      alert (2);   
15. }   
16. alert (obj. property);   
17. obj. Method ();   
18. </script>   
19.            

<script type= "Text/javascript" >function AClass () {this. property = 1;this. Method = function () {alert (1);}} var obj = new AClass (); obj. property = 2;obj. Method = function () {alert (2);} Alert (obj. property), obj. Method ();</script>

Example 10 (How to inherit one type from another): This example shows how a type inherits from another type.

JS Code

2. <script type= "Text/javascript" >
4. function AClass ()
6. {
8. this. property = 1;
10. this. Method = function()
12. {
14. Alert (1);
16. }
18. }
22. function AClass2 ()
24. {
26. this. Property2 = 2;
28. this. METHOD2 = function()
30. {
32. Alert (2);
34. }
36. }
38. Aclass2.prototype = new aclass ();
42. var obj = new AClass2 ();
44. Alert (obj. property);
46. Obj. Method ();
48. Alert (obj. Property2);
50. Obj. METHOD2 ();
52. </script>

<script type= "Text/javascript" >function AClass () {this. property = 1; This. Method = function () {alert (1);}} function AClass2 () {this. Property2 = 2; This. METHOD2 = function () {alert (2);}} Aclass2.prototype = new AClass (); var obj = new AClass2 (); alert (obj. property), obj. Method (); alert (obj. Property2); obj. METHOD2 ();</script>

Example 11 (How to redefine a member of a parent class in a subclass): This example shows how subclasses can override the properties or methods of a parent class.

JS Code

2. <script type= "Text/javascript" >
4. function AClass ()
6. {
8. this. property = 1;
10. this. Method = function()
12. {
14. Alert (1);
16. }
18. }
22. function AClass2 ()
24. {
26. this. Property2 = 2;
28. this. METHOD2 = function()
30. {
32. Alert (2);
34. }
36. }
38. Aclass2.prototype = new aclass ();
40. AClass2.prototype.Property = 3;
42. AClass2.prototype.Method = function()
44. {
46. Alert (4);
48. }
50. var obj = new AClass2 ();
52. Alert (obj. property);
54. Obj. Method ();
56. </script>

JS in prototype usage (GO)