Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah maksud kelas dalam javascript

Apakah maksud kelas dalam javascript

WBOY
Lepaskan: 2022-01-17 17:10:34
asal
6058 orang telah melayarinya

Dalam JavaScript, kelas bermaksud "kelas". { Tetapkan pembolehubah dan kaedah}".

Apakah maksud kelas dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Apakah maksud kelas dalam JavaScript

Apakah itu kelas?

Di sini kita boleh memahami bahawa kelas ialah koleksi kumpulan dengan sifat dan tingkah laku yang sama. Dalam es6, konsep kelas diperkenalkan buat kali pertama, dan templat kelas ditakrifkan dengan mencipta kata kunci kelas.

2. Cipta Kelas dalam js

class Number{
}
Salin selepas log masuk

3 Laksanakan pembina, atribut contoh dan kaedah contoh Kelas

//构造方法
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);
Salin selepas log masuk

Paparan kesan:

hh
1
2
hh
3
4
Salin selepas log masuk

4 Sifat statik dan kaedah statik Kelas

//构造方法
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);
Salin selepas log masuk

Paparan kesan:

<🎜. >
1
hh
1
2
1
hh
3
4
Salin selepas log masuk

5. Warisan kelas

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

我是父亲
我是儿子
father
Salin selepas log masuk
[Cadangan berkaitan:

tutorial pembelajaran javascript

Atas ialah kandungan terperinci Apakah maksud kelas dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan