Qu'est-ce qu'une classe en javascript

En JavaScript, une classe est un type défini par l'utilisateur, également appelé type de classe, qui est un ensemble de groupes avec les mêmes attributs et comportements ; à partir d'es6, vous pouvez définir un modèle de classe en créant le mot-clé class, pour exemple " classe nom de classe {}".

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Qu'est-ce qu'une classe

En programmation orientée objet, une classe est un modèle d'objet, qui définit les propriétés et méthodes communes au même groupe d'objets (également appelés "instances"). Une classe est un type de données de référence défini par l'utilisateur, également appelé type de classe.

On peut comprendre qu'une classe est un ensemble de groupes ayant les mêmes attributs et comportements.

Classes en JS

Avant ES5, pour exprimer une classe en JS, un style grammatical appelé prototype-based était utilisé

	function 士兵(id,hp){
	    this.id = id
	    this.hp = hp
	}
	士兵.prototype = {
	    constructor:士兵()
	    walk:function(){ } ,
	    Shooting:function(){ } ,
	}

En es6, le concept de classes a été introduit pour la première fois, via Create un mot-clé de classe pour définir un modèle de classe.

1. Créez une classe dans js

class Number{
}

2. Implémentez le constructeur, les propriétés d'instance et les méthodes d'instance de Class

//构造方法
class Number{
//实例属性
constructor(id,age){
//this指向当前事件
this.id=id;
this.age=age;
}
//实例方法
num(){
console.log("hh");
}
}
//实例化对象
var n1=new Number("1","2");
n1.num(1);
console.log(n1.id);
console.log(n1.age);
var n2=new Number("3","4");
n2.num(2);
console.log(n2.id);
console.log(n2.age);

Affichage d'effet :

hh
1
2
hh
3
4

3.

//构造方法
class Number{
//静态属性调用一个方法
static ppp=1;
//实例属性
constructor(id,age){
//this指向当前事件
this.id=id;
this.age=age;
console.log(Number.ppp)
}
//实例方法
num(){
console.log("hh");
}}
//实例化对象
var n1=new Number("1","2");
n1.num(1);
console.log(n1.id);
console.log(n1.age);
var n2=new Number("3","4");
n2.num(2);
console.log(n2.id);
console.log(n2.age);

4. Héritage de classe

1
hh
1
2
1
hh
3
4

Affichage de l'effet :

//父类
class Father{
//构造方法不能被继承
constructor(){
console.log("我是父亲");
this.name="father"
}
}
//子类
class Son extend Father{
//执行子类构造方法之前必须先执行父类构造方法
constructor(){
super();//执行父类构造方法
console.log("我是儿子")
}
}
var son=new Son;
console.log(son.name)

[Apprentissage recommandé :

Tutoriel avancé javascript

]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!