Js面向对象整理（三）

Js面向对象（三）

ES6中的类

class 声明创建一个基于原型继承的具有给定名称的新类。

class写法

class Person {
    static feature = "love&peace";
    constructor(options) {
        this.name = options.name;
        this.age = options.age;
    }
    canDo() {
        console.log("I can do anything!");
    }
}

let rocky = new Person({
    name: "Rocky",
    age: 24
});
console.log(rocky);
rocky.canDo();

let sunny = new Person({
    name: "Sunny",
    age: 18
});
console.log(sunny);
sunny.canDo();

console.log(Person.feature);

对比构造函数写法

function Person(options) {
    this.name = options.name;
    this.age = options.age;
}
Person.prototype.canDo = function() {
    console.log("I can do everything!");
}
Person.feature = "peace&love";

let rocky = new Person({
    name: "Rocky",
    age: 24
});
console.log(rocky);
rocky.canDo();

let sunny = new Person({
    name: "Sunny",
    age: 18
});
console.log(sunny);
sunny.canDo();

console.log(Person.feature);

Es6类的继承:extends

class Cat {
    static feature = "nine lives";
    constructor(name) {
        this.name = name;
        this.leg = 4;
    }
    climb() {
        console.log("climb grass...");
    }
}

class Tiger extends Cat {
    constructor(name) {
        super(name);
    }
    climb() {
        super.climb();
        console.log("climb tree...");
    }
}

let tigger = new Tiger("Tigger");
console.log(tigger);
tigger.climb();

let kitty = new Cat("Kitty");
console.log(kitty);
kitty.climb();

console.log(Tiger.feature);

END