ES6 JS 类与继承、静态方法

一 类

  • ES6以前的语法

console.log("----------------------ES6以前的语法--------------------------------------------------");
//ES6以前类的创建及向类中追加一个属性与一个方法
function employee(name, job, born) {
this.name = name;
this.job = job;
this.age = born;
this.show = function (obj) {
console.log("hahaha" + obj);
};
}
var bill = new employee("Bill Gates", "Engineer", 1985);
//向类中追加一个属性与一个方法
employee.prototype.salary = 21421;
employee.prototype.test = function (obj) {
console.log(obj);
return "hello" + obj
};
bill.test("钉钉");
console.log(bill);

  • ES6的语法
    console.log("--------------------------ES6的语法----------------------------------------------");
    //ES6类定义类
    class Person {
    // 构造函数
    constructor(x, y) {
    this.x = x;
    this.y = y;
    }
    toString() {
    return (this.x + "的年龄是" + this.y + "岁");
    }
    }
    //Person如C#一样,需要用new实例化
    var model = new Person("xiaoming", 12);
    console.log(model.toString());

继承

console.log("--------------------------ES6类的继承----------------------------------------------");
class Teacher extends Person {
constructor(x, y, color) {
super(x, y); // 调用父类的Person(x, y)
this.color = color;
}
toString() {
return this.color + ' ' + super.toString(); // 调用父类的toString()
}
}
var teacher = new Teacher("旺财", 5, "Red");
console.log(teacher);

静态方法

class School {
static classMethod() {
return '机械一班';
}
}
console.log(School.classMethod());
var school = new School();
console.log(school.classMethod());


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,616评论 0 13
  • (a fork of Airbnb's Javascript Style Guide) Strikingly ES...
    飘零_zyw阅读 1,419评论 1 2
  • 5继承 5.1 类、超类和子类 重用部分代码,并保留所有域。“is-a”关系,用extends表示。 已存在的类被...
    我快要上天啦阅读 960评论 1 3
  • 这个部分是教你如何用网络连接到你的容器Dodker中使用网络驱动器来对网络容器进行支持。默认地,Docker提供给...
    lucasdada阅读 575评论 0 0
  • 越来越静悄悄 越来越翻涌 每当这时 我害怕极了 我害怕曾经作祟 我害怕一不小心 就坠入深渊 通往以前的深渊 说到头...
    MOON七阅读 121评论 0 0

友情链接更多精彩内容