[Closure library] 학급 승계와 googl.베이스의 소환

Closure library의 학급 상속과 goo.베이스를 사용할 때 사용할 샘플을 준비했습니다.

1. 개요

cClass,
cClass의 bClass를 계승하여,
bClass를 물려받은 aClass입니다.
다음을 클릭합니다.
aClass의 실례에 따라 생성
cClass 호출 방법

2. 코드

우선 목록의 구성부터 시작한다.

다음은 index.의 바디 파트.
이때
c, b, a의 순서는 읽지 않으면 동작하지 않으니 주의하세요.
index.html

<!--c,b,aの順番で読み込む-->
<script src="js/cclass.js"></script>
<script src="js/bclass.js"></script>
<script src="js/aclass.js"></script>

<script>
    //aClassのインスタンスを生成
    var aInstance = new js.aClass();
</script>

다음은 aClass.
aclass.js

js.aClass = function (){

goog.provide('js.aClass');
goog.require('js.bClass');

js.aClass = function (){

  //継承先のコンストラクタを実行する
  goog.base(this);

  this.aMethod();
};

//js.bClassを継承する
goog.inherits(js.aClass, js.bClass);

//aClassの持つメソッド
js.aClass.prototype.aMethod = function(){
  console.log("this is aClass");
};

bclass.
bclass.js

goog.provide('js.bClass');
goog.require('js.cClass')

js.bClass = function (){

  //継承先のコンストラクタを実行する
  goog.base(this);

  this.bMethod();
};

//js.cClassを継承する
goog.inherits(js.bClass, js.cClass);

//cClassの持つメソッド
js.bClass.prototype.bMethod = function(){
  console.log("this is bClass");
};

마지막은 까스야.
cclass.js

goog.provide('js.cClass');

js.cClass = function (){
  this.cMethod();
};

//cClassの持つメソッド
js.cClass.prototype.cMethod = function(){
  console.log("this is cClass");
};

3. 결과

샘플 이동
"this is cClass "
↓
"this is bClass "
↓
"this is aClass "
순차적 처리.
하면, 만약, 만약...
a→b→c 순서로 처리하려면
aclass.js

js.aClass = function (){

  this.aMethod();

  //継承先のコンストラクタを実行する
  goog.base(this);

};

이렇게, googl.베이스를 뒤에 써주세요.
이후 상속인의 방법을 가져올 수 있다.