美文网首页随笔-生活工作点滴
ES6 - 吃鸡入门系列 ~ class

ES6 - 吃鸡入门系列 ~ class

作者: 大猪大猪 | 来源:发表于2019-07-04 19:05 被阅读0次

对比

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

静态方法(标识)

class User extends Person{
  static get hi(){
    return 'hello';
  }
  // constructor(age){
  //  ...
}
//调用(不用写括号)
console.log(User.hi);
//输出
> hello

相关文章

网友评论

    本文标题:ES6 - 吃鸡入门系列 ~ class

    本文链接:https://www.haomeiwen.com/subject/ptcdhctx.html