ES6系列(十一)——面向对象

最新推荐文章于 2022-04-25 23:05:19 发布

iKendall

最新推荐文章于 2022-04-25 23:05:19 发布

阅读量244

点赞数

分类专栏： JavaScript 文章标签：面向对象编程 javascript es6

原文链接：https://www.cnblogs.com/Renyi-Fan/p/12702775.html

版权

JavaScript 专栏收录该内容

24 篇文章 3 订阅

订阅专栏

ES6中面向对象的写法就是普通的后端语言面向对象的写法，定义类用class关键字,继承通过extends关键字

//需求
//创建Animal类（name属性，say方法）
//创建Animal类的子类Bird类（age属性，fly方法）
class Animal{
	constructor(name){
		this.name=name;
	}
	say(){
		console.log('我是'+this.name);
	}
}
class Bird extends Animal {
  constructor(name, age) {
      super(name);
      this.age = age;
  }
  fly() {
      console.log('我是'+this.name+','+this.age+'岁,我在自由自在的飞翔！');
  }
}
let animal1=new Animal('大动物');
animal1.say();
let monkey=new Bird('飞猴',15);
monkey.fly();

ES6中类如何定义和使用

通过class关键字定义类，在类中通过constructor定义构造方法，用new关键字来创建类的实例。

//需求
//创建Animal类（name属性，say方法）
//创建Animal类的子类Bird类（age属性，fly方法）
class Animal {
  constructor(name) {
      this.name = name;
  }
  say() {
      console.log('我是'+this.name);
  }
}
class Bird extends Animal {
  constructor(name, age) {
      super(name);
      this.age = age;
  }
  fly() {
      console.log('我是'+this.name+','+this.age+'岁,我在自由自在的飞翔！');
  }
}
let animal1=new Animal('大动物');
animal1.say();
let monkey=new Bird('飞猴',15);
monkey.fly();

ES6中类如何继承

通过extends来实现类的继承，通过super调用父类的构造方法，重写从父类中继承的一般方法。

//需求
//创建Animal类（name属性，say方法）
//创建Animal类的子类Bird类（age属性，fly方法）
class Animal {
  constructor(name) {
      this.name = name;
  }
  say() {
      console.log('我是'+this.name);
  }
}
class Bird extends Animal {
  constructor(name, age) {
      super(name);
      this.age = age;
  }
  fly() {
      console.log('我是'+this.name+','+this.age+'岁,我在自由自在的飞翔！');
  }
}
let animal1=new Animal('大动物');
animal1.say();
let monkey=new Bird('飞猴',15);
monkey.fly();

类的继承意义

子类继承父类之后可以获得父类的属性和方法

面向对象实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>12、面向对象</title>
</head>
<body>
<!--

ES6中面向对象的写法就是普通的后端语言面向对象的写法，定义类用class关键字，继承通过extends关键字


类的定义和使用
1、通过class定义类
2、在类中通过constructor定义构造方法，构造方法来初始化类的属性
3、通过new来创建类的实例


类的继承意义何在
子类继承父类之后可以获得父类的属性和方法


类的继承具体语法
1、通过extends来实现类的继承
2、通过super调用父类的构造方法来初始化从父类继承过来的属性
3、重写可以覆盖父类中继承的方法


-->
<script>
    // class Person {
    //     //调用类的构造方法
    //     constructor(name, age){
    //         this.name = name;
    //         this.age = age;
    //     }
    //     //定义一般的方法
    //     showName(){
    //         console.log(this.name, this.age);
    //     }
    // }
    // let person = new Person('林冲', 29);
    // console.log(person);
    // person.showName();


    //定义一个子类
    //继承的话会继承父类的属性和方法
    // class Student extends Person{
    //     constructor(name, age, stuNum){
    //         super(name, age);//调用父类的构造方法
    //         this.stuNum = stuNum;
    //     }
    //     showName(){//在子类自身定义方法
    //         console.log(this.name, this.age, this.stuNum);
    //     }
    // }
    // let student = new Student('夏雨', 10, 22201901);
    // console.log(student);
    // student.showName();
</script>

<script>
    //需求
    //创建Animal类（name属性，say方法）
    //创建Animal类的子类Bird类（age属性，fly方法）
    class Animal {
        constructor(name) {
            this.name = name;
        }
        say() {
            console.log('我是'+this.name);
        }
    }
    class Bird extends Animal {
        constructor(name, age) {
            super(name);
            this.age = age;
        }
        fly() {
            console.log(`我是${this.name},${this.age}岁,我在自由自在的飞翔！`);
        }
    }
    let animal1=new Animal('大动物');
    animal1.say();
    let monkey=new Bird('飞猴',15);
    monkey.say();
    monkey.fly();
</script>
</body>
</html>

iKendall

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6系列(十一)——面向对象

ES6中面向对象的写法就是普通的后端语言面向对象的写法，定义类用class关键字,继承通过extends关键字//需求//创建Animal类（name属性，say方法）//创建Animal类的子类Bird类（age属性，fly方法）class Animal{ constructor(name){ this.name=name; } say(){ console.log('我是'+this.name); }}class Bird extends Animal { const.
复制链接

扫一扫