iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >javascript中类指的是什么意思
  • 822
分享到

javascript中类指的是什么意思

2024-04-02 19:04:59 822人浏览 独家记忆
摘要

小编给大家分享一下javascript中类指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

小编给大家分享一下javascript中类指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

在javascript中,类是一种用户定义类型,也称类类型,是一个具有相同属性和行为的群体的集合;从es6开始,可通过创建class关键字来定义一个类的模板,例“class 类名{}”。

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

什么是类

面向对象编程中,类(class)是对象(object)的模板,定义了同一组对象(又称"实例")共有的属性和方法。类是一种用户定义的引用数据类型,也称类类型。

我们可以理解类是一个具有相同属性和行为的群体的集合。

JS 中的类

在ES5之前,js中要表达一个类,要用一种叫做prototype-based的语法风格

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

在es6中,首次引入了类的概念,通过创建class关键字来定义一个类的模板。

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

class Number{
}

2、实现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);

效果展示:

hh
1
2
hh
3
4

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

效果展示:

1
hh
1
2
1
hh
3
4

4、类的继承

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

效果展示:

我是父亲
我是儿子
father

以上是“javascript中类指的是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网node.js频道!

--结束END--

本文标题: javascript中类指的是什么意思

本文链接: https://www.lsjlt.com/news/81502.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript中类指的是什么意思
    小编给大家分享一下javascript中类指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2022-10-19
  • javascript中$指的是什么意思
    小编给大家分享一下javascript中$指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript中“$”的意思:1、“$”可以用来表示变...
    99+
    2023-06-14
  • javascript中$是指什么意思
    小编给大家分享一下javascript中$是指什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!JavaScript可以做什么1.可以使网页具有交互性,例如响...
    99+
    2023-06-14
  • javascript指的是什么意思
    这篇文章主要介绍了javascript指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 javasc...
    99+
    2022-10-19
  • javascript中export指的是什么意思
    这篇文章主要介绍了javascript中export指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 ...
    99+
    2022-10-19
  • javascript中writeln指的是什么意思
    小编给大家分享一下javascript中writeln指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2022-10-19
  • javascript中window指的是什么意思
    小编给大家分享一下javascript中window指的是什么意思,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! 在javascript中,window的意思为...
    99+
    2022-10-19
  • javascript中log指的是什么意思
    这篇文章将为大家详细讲解有关javascript中log指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 JavaScript中l...
    99+
    2022-10-19
  • JavaScript中style指的是什么意思
    这篇文章主要介绍了JavaScript中style指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 ...
    99+
    2022-10-19
  • JavaScript中wrap指的是什么意思
    这篇文章主要介绍了JavaScript中wrap指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 J...
    99+
    2022-10-19
  • javascript中const指的是什么意思
    这篇文章将为大家详细讲解有关javascript中const指的是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 在JavaScrip...
    99+
    2022-10-19
  • JavaScript中new指的是什么意思
    这篇文章主要介绍了JavaScript中new指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。JavaScript中new是一种操作符,用来实例化一个对象的;比如...
    99+
    2023-06-15
  • javascript中bind指的是什么意思
    这篇文章给大家分享的是有关javascript中bind指的是什么意思的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。JavaScript是什么JavaScript是一种直译式的脚本语言,其解释器被称为JavaSc...
    99+
    2023-06-14
  • javascript中this指的是什么意思
    这篇文章给大家分享的是有关javascript中this指的是什么意思的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。JavaScript是什么JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被...
    99+
    2023-06-14
  • javascript中var指的是什么意思
    这篇文章主要介绍javascript中var指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!JavaScript是什么JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaSc...
    99+
    2023-06-14
  • javascript中match指的是什么意思
    这篇文章主要介绍了javascript中match指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。javascript match是一种用于在字符串内检索指定的值...
    99+
    2023-06-14
  • javascript中array指的是什么意思
    这篇文章给大家分享的是有关javascript中array指的是什么意思的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。javascript中array是指数组,而数组对象是使用单独的变量名来存储一系列的值;数组可...
    99+
    2023-06-14
  • JavaScript中?. 和??指的是什么意思
    这篇文章主要介绍了JavaScript中. 和指的是什么意思的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript中. 和指的是什么意思文章都会有所收获,下面我们一起来看看吧。....
    99+
    2023-07-05
  • javascript指的是什么意思啊
    这篇文章主要为大家展示了“javascript指的是什么意思啊”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript指的是什么意思啊”这篇文章吧。 ...
    99+
    2022-10-19
  • JavaScript中常量指的是什么意思
    这篇文章主要介绍JavaScript中常量指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 在JavaScript中,常量就是不能改变的量,通...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作