《JS原理、方法与实践》- 类

简介: 《JS原理、方法与实践》- 类

ES6发布于2015年6月份,新增了类,模块,箭头函数等,而且新增了13个内置对象:Symble,Map,Set,WeakMap,WeakSet,ArrayBuffer,TypedArray,DataView,GeneratorFunction,Generator,Promise,Reflect,Proxy。

ES2015中最大的改变应该就是启用class关键字,即类的概念。ES本身是基于对象的语言,虽然启用了类的概念,但是依然不是基于类的语言而是基于对象的语言。

#### class的用法

ES6中使用class的操作除了定义正常的属性、方法外,最重要的就是extends、super以及constructor关键字的使用。

代码示例:

```

// 定义一个人的类

class Person {

constructor(sex){

 this.sex = sex;

}

 

printSex(){

 console.log(`sex is ${this.sex}`);

}

}

// 定义一个学生类

class Student extends Person {

constructor(sex, age){

 super(sex);

 this.age  = age;

}

 

printStudentInfo() {

 console.log(`student sex is ${this.sex}, age is ${this.age}`);

}

}

// 实例化

var stu = new Student(18, 'male');

stu.printSex(); // sex is 18

stu.printStudentInfo(); // student sex is 18, age is male

```

![测试结果](https://upload-images.jianshu.io/upload_images/2789632-354fad5f89527e51.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

ES中的构造函数是利用constructor来定义的,而不像C#和java,使用与类名同名的函数来定义。

目录
相关文章
|
6天前
|
JavaScript 前端开发
javascript操作BOM的方法
javascript操作BOM的方法
15 0
|
1天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
6 2
|
3天前
|
JavaScript 前端开发
在JavaScript中实现模块化开发有多种方法
JavaScript模块化开发可通过CommonJS、AMD和ES6模块实现。CommonJS适用于服务器端,使用`require`和`module.exports`处理模块;AMD(如RequireJS)用于浏览器端,依赖`require`和`define`;ES6模块提供原生支持,使用`import`和`export`。选择方式需考虑项目环境、复杂度和技术栈。
10 4
|
3天前
|
JavaScript 前端开发
深入了解前端框架Vue.js的响应式原理
本文将深入探讨Vue.js前端框架的核心特性之一——响应式原理。通过分析Vue.js中的数据绑定、依赖追踪和虚拟DOM等机制,读者将对Vue.js的响应式系统有更深入的理解,从而能够更好地利用Vue.js构建灵活、高效的前端应用。
|
3天前
|
JavaScript 前端开发
JS tostring()和join()方法
JS tostring()和join()方法
7 1
|
3天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
7 0
|
4天前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
10 0
|
5天前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
18 1
|
5天前
|
JavaScript 前端开发
JavaScript数字方法详解
JavaScript数字方法详解
17 0
|
5天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
14 1