Maison >interface Web >Questions et réponses frontales >Que signifie la classe en javascript
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 }".
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 45. 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 javascriptCe 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!