Apakah kelas dalam javascript

Dalam JavaScript, kelas ialah jenis yang ditentukan pengguna, juga dipanggil jenis kelas, iaitu koleksi kumpulan dengan atribut dan gelagat yang sama bermula dari es6, anda boleh mentakrifkan kelas dengan mencipta kelas Templat kata kunci, contohnya "nama kelas kelas {}".

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

Apakah itu kelas

Dalam pengaturcaraan berorientasikan objek, kelas ialah templat objek, mentakrifkan kumpulan objek yang sama ( juga dipanggil "kejadian") mempunyai sifat dan kaedah yang biasa kepada semua kejadian. Kelas ialah jenis data rujukan yang ditentukan pengguna, juga dipanggil jenis kelas.

Kita boleh faham bahawa kelas ialah himpunan kumpulan dengan sifat dan tingkah laku yang sama.

Kelas dalam JS

Sebelum ES5, untuk menyatakan kelas dalam JS, kaedah yang dipanggil prototype-based telah digunakan Sintaks gaya

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

Dalam es6, konsep kelas diperkenalkan buat kali pertama, dan templat kelas ditakrifkan dengan mencipta kata kunci kelas.

1. Cipta Kelas dalam js

class Number{
}

2. Laksanakan pembina, atribut instance dan kaedah instance 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);

effect Display:

hh
1
2
hh
3
4

3. 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);

Paparan kesan:

1
hh
1
2
1
hh
3
4

4 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)

Paparan kesan:

我是父亲
我是儿子
father

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

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