【ES 6】「対象に向けた書き方」と継承方式

前書き:ES 6はクラスの概念を導入し、対象とするテンプレートです.このようにjsはclass類の概念に対しても、より規範化しています.
 
一、クラスを作成する

class Person{
    constructor(name,age){
		this.name = name;
		this.age = age;
    }
    showName(){
		console.log('name: '+this.name);
    }
}

var obj1 = new Person('nikc',' ');
obj1.showName();

 
二、類の継承

class Person{
    constructor(name,age){
		this.name = name;
		this.age = age;
    }
    showName(){
		console.log('name: '+this.name);
    }
}

class Person2 extends Person{
    constructor(name,age,sex){
		super(name,age);        //  
		this.sex = sex;
    }
	showName(){             //    
		console.log("my name is " + this.name);	
	}
	showSex(){				//    
		console.log(this.sex);	
	}
}


var nick = new Person('nikc',18);
nick.showName();

var freddy = new Person2('freddy',20,' ');
freddy.showName();
freddy.showSex();

 
コントラスト
コードを実行して、たとえ私達はshowNameの方法を修正しても、Personの実例のnickのshowName方法に影響しません.
前の【js対象に向けて】より一般的な対象向けの書き方と継承の書き方です.ES 6のクラス概念はもっと簡潔で明瞭です.