Minimalist method to complete JavaScript encapsulation and inheritance

In this article, we are going to talk about a relatively new knowledge for beginners: writing JavaScript classes in a minimalist way. The "minimalist approach" is the work of Dutch programmer Gabor de Proposed by Mooij, this method does not use this and prototype, and the code is very simple to deploy. This is probably why it is called the "minimalist method". The following will introduce how to use the minimalist method to complete JavaScript encapsulation and inheritance. I hope it will be helpful to everyone.

1. Encapsulation

First of all, it also uses an object to simulate a "class". In this class, define a constructor createNew() to generate instances.

var Cat = {
　　　　createNew: function(){
　　　　　　// some code here
　　　　}
};

Then, in createNew(), define an instance object and use this instance object as the return value.

var Cat = {
 　　　　createNew: function(){
 　　　　　　var cat = {};
 　　　　　　cat.name = "大毛";
 　　　　　　cat.makeSound = function(){ alert("喵喵喵"); };
 　　　　　　return cat;
 　　　　}
 };

When used, call the createNew() method to get the instance object.

var cat1 = Cat.createNew();
cat1.makeSound(); // 喵喵喵

The advantage of this method is that it is easy to understand, has a clear and elegant structure, and conforms to the traditional "object-oriented programming" construct, so the following features can be easily deployed.

2. Inheritance

Let one class inherit another class, which is very convenient to implement. Just call the latter's createNew() method in the former's createNew() method.
First define an Animal class:

var Animal = {
　　　　createNew: function(){
　　　　　　var animal = {};
　　　　　　animal.sleep = function(){ alert("睡懒觉"); };
　　　　　　return animal;
　　　　}
};

Then, in Cat’s createNew() method, call Animal’s createNew() method

var Cat = {
 　　　　createNew: function(){
 　　　　　　var cat = Animal.createNew();
 　　　　　　cat.name = "大毛";
 　　　　　　cat.makeSound = function(){ alert("喵喵喵"); };
 　　　　　　return cat;
 　　　　}
 };

The Cat instance obtained in this way will inherit the Animal class.

var cat1 = Cat.createNew();
cat1.sleep(); // 睡懒觉

var Cat = {
　　　　createNew: function(){
　　　　　　var cat = {};
　　　　　　var sound = "喵喵喵";//私有属性
　　　　　　cat.makeSound = function(){ 
     alert(sound); 
    };
　　　　　　return cat;
　　　　}
};

var cat1 = Cat.createNew();
alert(cat1.sound); // undefined

var Cat = {
　　　　sound : "喵喵喵",
　　　　createNew: function(){
　　　　　　var cat = {};
　　　　　　cat.makeSound = function(){ alert(Cat.sound); };
　　　　　　cat.changeSound = function(x){ Cat.sound = x; };
　　　　　　return cat;
　　　　}
};

var cat1 = Cat.createNew();
var cat2 = Cat.createNew();
cat1.makeSound(); // 喵喵喵

cat2.changeSound("啦啦啦");
cat1.makeSound(); // 啦啦啦

JavaScript object-oriented (minimalist approach)_js object-oriented

Methods for handling JavaScript exceptions

JavaScript simulation Introduction to three ways to implement encapsulation and their differences

The above is the detailed content of Minimalist method to complete JavaScript encapsulation and inheritance. For more information, please follow other related articles on the PHP Chinese website!