Js-面向對象

ES5 -- 面向對象

 

 

 

 

ES6 -- 面向對象

// ES6 面向對象
        class Person {
            constructor(name,age,sex){
                this.name = name
                this.age = age
                this.sex = sex
            }

            // 實例方法
            sayhello(){
                return "I'm " + this.name +' ----- '+ this.age
            }
        }

        // 子類 中國人
        class Chinese extends Person{
            constructor(name,age,sex,IDnumber){
                // super 必須在函數第一行被調用
                super(name,age,sex)
                // 在子類中 this 只能放在super以後使用
                this.IDnumber = IDnumber
            }
        }
        var personA = new Chinese('小明',12,'boy','420321')
        console.group('中國人  ----------- ')
        console.log(personA,'-----')
        console.log(personA.sayhello())
        console.groupEnd()
        // 子類 美國人
        class Aferica extends Person{

        }
        var personB = new Aferica('小黑',13,'gorl')
        console.group('非洲人 ----------')
        console.log(personB)
        console.log(personB.sayhello())
        console.groupEnd()