- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章ES6中的类(Class)示例详解由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
ES6提供了更接近面向对象(注意:javascript本质上是基于对象的语言)语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
//定义类
class Point {
constructor(x, y) {
this
.x = x;
this
.y = y;
}
toString() {
return
'('
+
this
.x +
', '
+
this
.y +
')'
;
}
}
//创建对象
let p =
new
Point(1,2);
console.log(p.toString());
|
上面代码定义了一个“类”,可以看到里面有一个constructor方法,这就是构造方法,而this关键字则代表实例对象。也就是说,ES5的构造函数Point,对应ES6的Point类的构造方法.
Point类除了构造方法,还定义了一个toString方法。注意,定义“类”的方法的时候,前面不需要加上function这个关键字,直接把函数定义放进去了就可以了。另外,方法之间不需要逗号分隔,加了会报错.
注意:生成类的实例对象的写法,要使用new命令。如果忘记加上new,像ES5函数那样调用Class,将会报错.
1
2
3
4
|
// 报错
let point = Point(2,3);
// 正确
let point =
new
Point(2,3);
|
constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类必须有constructor方法,如果没有显式定义,一个空的constructor方法会被默认添加.
1
|
constructor() {}
|
注意:constructor方法默认返回实例对象(即this) 。
扩展:constructor方法默认返回实例对象(即this),但也可以指定返回另外一个对象.
样例代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html>
<html>
<head>
<meta charset=
"utf-8"
>
<title></title>
</head>
<body>
<script>
class Point {
constructor() {
return
new
Date();
//return Object.create(null);
}
}
let p =
new
Point();
//返回为Date对象
console.log(p);
</script>
</body>
</html>
|
效果截图:
Constructor与普通构造函数的区别: 类的构造函数,不使用new是没法调用的,会报错。这是它跟普通构造函数的一个主要区别,后者不用new也可以执行.
1
2
3
4
5
6
7
8
9
10
11
|
class Point {
constructor(x, y) {
this
.x = x;
this
.y = y;
}
toString() {
return
'('
+
this
.x +
', '
+
this
.y +
')'
;
}
}
let p = Point();
//TypeError: Class constructor Point cannot be invoked without 'new'
|
class:类,是对象的模板。(或者叫:原型) this:当前对象。 以上定义,与java中的概念是相同的。 但是,由于javascript语言自身的特点,关于class与this,还需要做进一步说明.
注意:在javascript中,在定义类完毕之后,还可以再添加属性和方法.
属性与方法添加到this上 。
1
2
3
4
5
6
|
class Point {
constructor() { }
}
let p =
new
Point();
p.username =
'zhangsan'
;
console.log(p.username);
//zhangsan
|
上面代码中,Point类定义之后,给对象 p 又添加了一个username属性。这是完全可以的。 但是要注意:此种方式,仅仅是给对象p添加一个属性,而不是给类添加一个属性。 或者说: 此种方式,仅仅是给对象p的this添加一个属性,而不是给类添加一个属性.
1
2
3
4
5
6
7
8
9
|
class Point {
constructor() { }
}
let p1 =
new
Point();
p1.username =
'zhangsan'
;
console.log(p1.username);
//zhangsan
let p2 =
new
Point();
console.log(p2.username);
//undefined
|
上面例子中,只给对象p1添加了username属性,但没有给类添加属性。 所以,p2对象中并没有username属性.
1
2
3
4
5
6
7
8
9
10
|
class Point {
constructor() { }
}
Point.prototype.username =
'zhangsan'
;
let p1 =
new
Point();
console.log(p1.username);
//zhangsan
let p2 =
new
Point();
console.log(p2.username);
//zhangsan
|
上面代码中,使用 Point.prototype方式,给类添加属性。 这样,类的所有对象(p1、p2)就都有username属性了.
在javascript中,每一个类都有一个prototype,它就是类的原型,类的所有实例共享一个原型。如果想访问这个原型,可以使用proto指针.
样例代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<!DOCTYPE html>
<html>
<head>
<meta charset=
"utf-8"
>
<title></title>
</head>
<body>
<script>
class Point {
constructor() { }
}
let p =
new
Point();
console.log(p.__proto__);
//注意proto指针的写法
/**
* 输出结果:
* {constructor: ƒ}
* constructor: class Point //这里证明:proto指针指向类的原型
* __proto__: Object
*/
let p1 =
new
Point();
let p2 =
new
Point();
//这里证明:类的所有实例共享一个原型
console.log(p1.__proto__===p2.__proto__);
//true
</script>
</body>
</html>
|
效果截图:
样例代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html>
<html>
<head>
<meta charset=
"utf-8"
>
<title></title>
</head>
<body>
<script>
class Point {
constructor() { }
}
Point.username =
'牛哄哄的柯南'
;
let p =
new
Point();
console.log(p.username);
//undefined
console.log(Point.username);
//牛哄哄的柯南
</script>
</body>
</html>
|
效果截图:
上面代码中,直接使用 Point.username 方式给类添加一个属性,此种方式只是添加了一个静态属性,访问时,只能通过类名才能访问.
到此这篇关于ES6中类(Class)的文章就介绍到这了,更多相关ES6的类(Class)内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我! 。
原文链接:https://blog.csdn.net/weixin_43883917/article/details/110325090 。
最后此篇关于ES6中的类(Class)示例详解的文章就讲到这里了,如果你想了解更多关于ES6中的类(Class)示例详解的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
全称“Java Virtual Machine statistics monitoring tool”(statistics 统计;monitoring 监控;tool 工具) 用于监控虚拟机的各种运
主要是讲下Mongodb的索引的查看、创建、删除、类型说明,还有就是Explain执行计划的解释说明。 可以转载,但请注明出处。  
1>单线程或者单进程 相当于短链接,当accept之后,就开始数据的接收和数据的发送,不接受新的连接,即一个server,一个client 不存在并发。 2>循环服务器和并发服务器
详解 linux中的关机和重启命令 一 shutdown命令 shutdown [选项] 时间 选项: ?
首先,将json串转为一个JObject对象: ? 1
matplotlib官网 matplotlib库默认英文字体 添加黑体(‘SimHei')为绘图字体 代码: plt.rcParams['font.sans-serif']=['SimHei'
在并发编程中,synchronized关键字是常出现的角色。之前我们都称呼synchronized关键字为重量锁,但是在jdk1.6中对synchronized进行了优化,引入了偏向锁、轻量锁。本篇
一般我们的项目中会使用1到2个数据库连接配置,同程艺龙的数据库连接配置被收拢到统一的配置中心,由DBA统一配置和维护,业务方通过某个字符串配置拿到的是Connection对象。  
实例如下: ? 1
1. MemoryCahe NetCore中的缓存和System.Runtime.Caching很相似,但是在功能上做了增强,缓存的key支持object类型;提供了泛型支持;可以读缓存和单个缓存
argument是javascript中函数的一个特殊参数,例如下文,利用argument访问函数参数,判断函数是否执行 复制代码 代码如下: <script
一不小心装了一个Redis服务,开了一个全网的默认端口,一开始以为这台服务器没有公网ip,结果发现之后悔之莫及啊 某天发现cpu load高的出奇,发现一个minerd进程 占了大量cpu,googl
今天写这个是为了 提醒自己 编程过程 不仅要有逻辑 思想 还有要规范 代码 这样可读性 1、PHP 编程规范与编码习惯最主要的有以下几点: 1 文件说明 2 funct
摘要:虚拟机安装时一般都采用最小化安装,默认没有lspci工具。一台测试虚拟网卡性能的虚拟机,需要lspci工具来查看网卡的类型。本文描述了在一个虚拟机中安装lspci工具的具体步骤。 由于要测试
1、修改用户进程可打开文件数限制 在Linux平台上,无论编写客户端程序还是服务端程序,在进行高并发TCP连接处理时,最高的并发数量都要受到系统对用户单一进程同时可打开文件数量的限制(这是因为系统
目录 算术运算符 基本四则运算符 增量赋值运算符 自增/自减运算符 关系运算符 逻
如下所示: ? 1
MapperScannerConfigurer之sqlSessionFactory注入方式讲解 首先,Mybatis中的有一段配置非常方便,省去我们去写DaoImpl(Dao层实现类)的时间,这个
Linux的网络虚拟化是LXC项目中的一个子项目,LXC包括文件系统虚拟化,进程空间虚拟化,用户虚拟化,网络虚拟化,等等,这里使用LXC的网络虚拟化来模拟多个网络环境。 本文从基本的网络设备讲
? 1
我是一名优秀的程序员,十分优秀!