Maison  >  Article  >  interface Web  >  Que signifie la classe en javascript

Que signifie la classe en javascript

WBOY
WBOYoriginal
2022-01-17 17:10:346003parcourir

En JavaScript, class signifie "class". Le mot-clé class est utilisé pour définir un modèle pour une classe. Une classe peut être comprise comme un ensemble de groupes avec les mêmes attributs et comportements. méthodes }".

Que signifie la classe en javascript

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

Que signifie classe en javascript

1. Qu'est-ce qu'une classe ?

Ici, nous pouvons comprendre qu'une classe est un ensemble de groupes ayant les mêmes attributs et comportements. Dans es6, le concept de classe a été introduit pour la première fois et un modèle de classe a été défini en créant le mot-clé class.

2. Créez une classe dans js

class Number{
}

3. 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 de l'effet :

hh
1
2
hh
3
4

4.

//构造方法
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);
Affichage de l'effet :

1
hh
1
2
1
hh
3
4

5. Héritage de classe

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

我是父亲
我是儿子
father

[Recommandations associées :

Tutoriel d'apprentissage 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn