7、class

作者: my木子 | 来源:发表于2018-07-22 14:10 被阅读0次

使用 class,避免直接操作 prototype

// 面向对象
class User{
   constructor(name, sex){    // 构造器
     this.name = name;
     this.sex = sex;
   }
   showName (){    // 方法
     alert(this.name);
   }
   showSex (){
       alert(this.sex);
   }
}

let user1 = new User('张三','男');
user1.showName();
user1.showSex();

用 extends 继承,extends 是一个内建的原型继承方法并且不会破坏 instanceof
方法可以返回 this 来帮助链式调用

// 继承
class VipUser extends User{
    constructor(name, sex, love){    // 构造器
        super(name, sex);        // super  超类(父类)等同于call
        this.love = love;
    }
    showLove (){
      alert(this.love);
    }
}
let user2 = new User('张三','男','唱歌');
user2 .showName();
user2 .showSex();
user2 .showLove();

相关文章

  • 7、class

    使用 class,避免直接操作 prototype 用 extends 继承,extends 是一个内建的原型继承...

  • 7.Class

    引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 上面代码表明,类的数据类型就是...

  • 7. Class

    在JS中,生成实例对象的传统方法是通过构造函数,这样的写法和传统的面向对象语言差异很大,在ES6中提供了更接近传统...

  • Pilgrimage

    At the end of last semester, the monitor of Class 7 advis...

  • 讲解:data、matlab、matlab、LDLWeb|Mat

    Chapter 7AssignmentDue: To Be Determined by Class Vote by...

  • C#第二次作业

    代码: namespace _7{class Program{static void Main(string[] ...

  • uni-app 三元运算样式绑定