js中对于类的基本认识
2020-07-26 22:36
68 查看
Class
在es6之前,是通过定义函数和函数的原型对象去实现类型
//before es6 function Person(name){ this.name = name } Person.prototype.say = function(){ console.log(`hi ${this.name}`) } //es6 定义一个Person类型 class Person{ constructor(name){ //构造函数 this.name = name } say(){ console.log(this.name) } }
静态成员
在我们类中的方法,分为实例方法和静态方法,实例方法需要实例对象进行调用,静态方法直接通过类型本身去调用。
es6新增
static关键字
class Person{ constructor(name){ //构造函数 this.name = name } say(){ console.log(this.name) } static create(name){ return new Person(name) } } const tom = Person.create('tom')
类的继承
在es6之前是通过原型链去进行类的继承,在es6之后是通过extends进行类的继承
class Person{ constructor(name){ //构造函数 this.name = name } say(){ console.log(this.name) } } class Student extends Person{ constructor(name,number){ super(name) this.number = number } hello(){ super.say()//会调用父节点的方法 console.log('my school number is ${this.number}') } } const s = new Student('jack','100')
相关文章推荐
- ios 对于JSPatch的基本用法(热更新)
- 网页自学第一课:对于网页的基本认识
- [js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法
- 自己对于基本知识的认识
- require.js基本认识
- 对于云计算的基本认识
- [ JS 进阶 ] Repaint 、Reflow 的基本认识和优化
- [ JS 进阶 ] Repaint 、Reflow 的基本认识和优化 (2)
- [ JS 进阶 ] Repaint 、Reflow 的基本认识和优化 (2)
- 对于多线程的基本认识(1)
- vue.js 学习笔记1——Vue基本认识与基本指令
- JS基本语法、分支结构、函数(初认识)
- 对于Linux操作系统的基本认识
- 1、JavaScript(js)基本核心技术体系(简述、数据类型,原生对象和内置对象、分支循环、函数)
- JS基础-08-对象简介和对象的基本操作
- 认识smack中的基本对象 - Roster对象
- 一道js题(引用类型、基本类型、包装对象、函数赋值)
- CGContext的基本认识
- JavaScript单元测试框架JsUnit基本介绍和使用
- 《mysql学习》-- mysql基本认识