美文网首页
ES6 JS 类与继承、静态方法

ES6 JS 类与继承、静态方法

作者: 凌雲木 | 来源:发表于2018-03-23 20:41 被阅读19次

一 类

  • 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

相关文章

  • ES的类与继承

    ES5中的类与继承 构造函数继承,原型继承,组合式继承 静态方法,静态属性,实例方法,实例属性 ES6中的类与继承...

  • es5 es6静态方法、类、单例模式

    es5中的类和静态方法 es5继承 es6中的类 es6里面的继承 es6里面的静态方法 es6单例模式 转载:h...

  • ES6 JS 类与继承、静态方法

    一 类 ES6以前的语法 console.log("----------------------ES6以前的语法-...

  • ES6 JS 类与继承、静态方法

    一 类 ES6以前的语法 console.log("----------------------ES6以前的语法-...

  • 深入es6之class

    es5定义一个类 es6定义一个类 es6原型方法(内部this是实例化的类) 静态方法(内部this是类) 继承

  • javascript中ES6的class写法

    在ES6中,javascript实现类定义、类继承及类中定义变量,构造方法,一般方法,静态方法 代码中均有注释

  • JavaScript入门——类(五)

    类定义(ES6) ES6 的类只是基于原型的语法糖;更易用。类支持基于原型的继承、调用父类、实例和静态方法,构造器...

  • python-高级面向对象

    一:类和对象: 二:魔法方法: 三:私有属性与私有方法: 四:继承与多继承: 五:单例模式 六:类方法与静态方法

  • 面向对象类

    类与实例 类的声明 ES5 ES6 生成实例 类与继承 如何实现继承 继承的几种方式 原型链是实现继承的主要方法 ...

  • 总结:ES6以后static关键字和对象继承的注意事项

    静态方法和继承 假设您有一个带静态方法的简单ES6类。 您可以使用extends来创建子类,并且仍然可以访问foo...

网友评论

      本文标题:ES6 JS 类与继承、静态方法

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