ES6|ES6 - 吃鸡入门系列 ~ class
对比 
文章图片
es6 原生模拟
//定义
function User(){
this.username = 'lake';
this.age = 24;
}
//增加方法
User.prototype.login = function(){
//exec login service
}
//创建对象
let userObj = new User();
//执行方法
userObj.login();
class 使用
//定义
class User{
constructor(age){
this.username = 'lake';
this.age = age;
}login(username='lake',password){
//exec login service
}
}
//创建对象
let userObj = new User(24);
//调用方法
userObj(undefined,'lake');
继承
class Person{}
class User extends Person{
// constructor(age){
//...
}
静态方法
class User extends Person{
static hi(){
return 'hello';
}
// constructor(age){
//...
}
//调用
console.log(User.hi());
//输出
> hello
【ES6|ES6 - 吃鸡入门系列 ~ class】静态方法(标识)
class User extends Person{
static get hi(){
return 'hello';
}
// constructor(age){
//...
}
//调用(不用写括号)
console.log(User.hi);
//输出
> hello
推荐阅读
- python高性能后端_（入门篇）Python框架之FastAPI——一个比Flask和Tornado更高性能的API 框架...
- ACM组合计数入门
- Python入门|Python入门 --函数
- vue|vue基础（主要为vue3）
- javascript|vue基础、插值操作、计算属性、ES6补充
- Kotlin学习快速入门（7）——扩展的妙用
- 麒麟操作系统|麒麟操作系统 (kylinos) 从入门到精通 - 系统设置 - 第二十二篇 关闭系统自动更新解决关机或重启被阻止的问题
- Redis|Redis 笔记 01（入门篇）
- python对RabbitMQ的简单入门使用教程
- html|html c#部署到nginx,高性能Web服务器Nginx的配置与部署研究（2）Nginx入门级配置与部署及“Hello World”...