javascript中class的意思是什么

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

在JavaScript中,class的意思是“类”,class关键字用于定义一个类的模板,类可以理解为是一个具有相同属性和行为的群体的集合,语法为“class{设置变量和方法}”。

javascript中class的意思是什么

本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

javascript中class的意思是什么

1、什么是类?

这里我们可以理解类是一个具有相同属性和行为的群体的集合。在es6中,首次引入了类的概念,通过创建class关键字来定义一个类的模板。

2、在js中实现创建一个Class

class Number{ }
Salin selepas log masuk

3、实现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);
Salin selepas log masuk

效果展示:

hh 1 2 hh 3 4
Salin selepas log masuk

4、Class的静态属性和静态方法

//构造方法 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

效果展示:

1 hh 1 2 1 hh 3 4
Salin selepas log masuk

5、类的继承

//父类 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

效果展示:

我是父亲 我是儿子 father
Salin selepas log masuk

【相关推荐:javascript学习教程

Atas ialah kandungan terperinci javascript中class的意思是什么. 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
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!