Home  >  Article  >  Web Front-end  >  JavaScript implements methods similar to OOP inheritance based on prototype_javascript skills

JavaScript implements methods similar to OOP inheritance based on prototype_javascript skills

WBOY
WBOYOriginal
2016-05-16 15:25:171187browse

The example in this article describes how JavaScript implements OOP-like inheritance based on prototype. Share it with everyone for your reference, the details are as follows:

What should be noted here is that public properties (using this. modifier) ​​can be overridden, and private properties (using var modifier) ​​cannot be overridden

Subclasses cannot access the private properties of the parent class, and the methods of the parent class can access the private variables of the parent class normally.

function Vegetable(){
  this.taste='delicious';
  var a = 'I\'m Vegetable\'a!'
  this.fun1 = function(){
    alert('Vegetable fun1 doing...');
  }
  this.fun3 = function(){
    alert(a);
  }
}
function Celery(){
  var a = 'I\'m Celery\' a';
  this.color = 'green';
  this.taste = 'bad';
  this.fun1a = function(){
    alert('Celeryfun1 doing...');
  }
  this.fun2 = function(){
    alert('Celery fun2 doing...');
  }
  this.fun4 = function(){
    alert(a);
  }
}
Celery.prototype = new Vegetable();
var stick = new Celery();
var polymorphed = stick.taste;
//alert(polymorphed);
//alert(stick.color);
//stick.fun1();
//stick.fun2();
//stick.fun3();
stick.fun4();

I hope this article will be helpful to everyone in JavaScript programming.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn