JavaScript的写类方式(6)
2016-04-08 08:04
645 查看
时间到了2015年6月18日,ES6正式发布了,到了ES6,前面的各种模拟类写法都可以丢掉了,它带来了关键字 class,extends,super。
ES6的写类方式
以上定义了一个类,constructor 是构造器,这点和 Java 不同,Java的构造器名和类名相同。
和 Java 多象啊,再看看继承
以上代码中,constructor 和 toString 方法中,都出现了 super 关键字,它指代父类的实例(即父类的 this 对象)。 之前 ES5 有个 Object.getPrototypeOf 来获取父类的原型对象。
可以继续阅读:
ES6的写类方式
// 定义类 Person class Person { constructor(name, age) { this.name = name; this.age = age; } setName(name) { this.name = name; } getName() { return this.name; } toString() { return 'name: ' + this.name + ', age: ' + this.age; } } // 创建实例对象 var p = new Person('Backus', 35); p instanceof Person; // true
以上定义了一个类,constructor 是构造器,这点和 Java 不同,Java的构造器名和类名相同。
和 Java 多象啊,再看看继承
class Man extends Person { constructor(name, age, school) { super(name, age); // 调用父类构造器 this.school = school; } setSchool(school) { this.school = school; } getSchool() { return this.school; } toString() { return super.toString() + ', school:' + this.school; // 调用父类的toString() } } var man = new Man('张三', '30', '光明中学'); man instanceof Man; // true man instanceof Person; // true console.log(man);
以上代码中,constructor 和 toString 方法中,都出现了 super 关键字,它指代父类的实例(即父类的 this 对象)。 之前 ES5 有个 Object.getPrototypeOf 来获取父类的原型对象。
可以继续阅读:
JavaScript继承方式(1)
相关文章推荐
- 手机淘宝列表页面 的js调用展示
- JavaScript学习基础-标签放置位置
- js内存泄漏
- 浏览器支持&兼容性查询(CSS、Html5、SVG、JS-Api)
- json 反序列化的时候遇到的问题整理
- javascript
- JavaScript事件代理和委托详解
- JS表单验证的代码(常用)
- JavaScript代码实现左右上下自动晃动自动移动
- JavaScript数据绑定实现一个简单的 MVVM 库
- 弹出层 效果-弹出窗-纯js
- JSP 系列 (一)里contentType和pageEncoding(转载)
- 解决jsp页面中始终报错无法引用WEB-INF下面js文件夹里的js文件
- javascript基础语法(做题)
- JS匿名函数
- 给 JavaScript 初心者的 ES2015 实战
- Array类型(声明与属性)
- 《JavaScript高级程序设计》——对象与继承
- js中二维数组的转置
- ECharts 简明教程,用js输出图表