name は親の ProtoViewLogic から子の ProtoViewLogic を参照するために使用されます。例えば、子の name が "foo" だった場合、親の ProtoViewLogic は foo という名前のプロパティを持ち、そのプロパティを通じて子の ProtoViewLogic にアクセスできます。

ProtoViewLogic のインスタンス vl について、vl.name が null でない場合、vl.parent[vl.name] は vl 自身または vl 自信を成分に持つ配列を指します。

vl.name が null であれば vl.parent も null です。

このプロパティは読み取り専用です。

例

import { ProtoViewLogic } from "/alier_sys/ProtoViewLogic.js";

const   vlParent = new ProtoViewLogic(),
        vlChild  = new ProtoViewLogic()
;

console.log(`(vlChild.name)                 ==> ${vlChild.name}`);
// ==> null; vlChild に名前は設定されていない
console.log(`(vlChild.parent)               ==> ${vlChild.parent}`);
// ==> null; vlChild に親は設定されていない

// vlParent に vlChild を "foo" という名前で関連付ける。

vlParent.relateViewLogics({ foo: vlChild });

onsole.log(`(vlChild.name)                  ==> ${vlChild.name}`);
// ==> "foo"; vlChild の名前として relateViewLogics の引数として渡したオブジェクトのプロパティ名が使用される。
console.log(`(vlChild.parent === vlParent) ==> ${vlChild.parent === vlParent}`);
// ==> true; vlChild の親として vlParent が設定されている
console.log(`(vlChild === vlParent.foo)    ==> ${vlChild === vlParent.foo}`);
// ==> true; vlParent の子として vlChild が設定されている

parent

このプロパティは読み取り専用です。

親の ProtoViewLogic インスタンスです。

型

ProtoViewLogic | null

詳細

relateViewLogics() で親子関係が設定されている場合は親の ProtoViewLogic への参照、未設定であれば null となります。

parent を持つ ProtoViewLogic に対して post() が呼び出され、その ProtoViewLogic 自身でメッセージを処理しなかった場合、未処理のメッセージは parent に post() されます。

既定では、親が変更されるとメッセージ { id: "vl$connectionChanged" } が通知されます。変更に対して何らかの処理を加えたい場合は messageHandler() をオーバライドし、メッセージ msg = { id: "vl$connectionChanged" } を受け取れるようにしてください。

例

import { ProtoViewLogic } from "/alier_sys/ProtoViewLogic.js";

const vlParent = new class Foo extends ProtoViewLogic {
    async messageHandler(msg) {
        msg.deliver({
            vl$connectionChanged: (msg) => {
                console.log(`My name used to be ${msg.param.oldName}, but now my name is ${msg.param.newName}`);
            },
            greet: (msg) => {
                console.log("Hi. Your speak English is quite good. How'd you learn it?");
            }
        });
    }
};

const vlChild  = new class Bar extends ProtoViewLogic {
    async messageHandler(msg) {
        msg.deliver({
            vl$connectionChanged: (msg) => {
                console.log(`私の名前はかつて ${msg.param.oldName} でしたが、今は ${msg.param.newName} と言います`);
            },
            aisatsu: (msg) => {
                console.log("こんにちは！　日本語、お上手ですね。どうやって勉強したんですか？");
            }
        });
    }
};

const postman         = new ProtoViewLogic();
const vl_grand_parent = new ProtoViewLogic();

vlParent.relateViewLogics({ foo: vlChild });
console.log(vlChild.parent === vlParent);
// ==> true; vlChild の親として vlParent が設定されている

vl_grand_parent.relativeViewLogics({ foo: vlParent });
console.log(`(vlParent.parent === vl_grand_parent) ==> ${vlParent.parent === vl_grand_parent}`);
// ==> true; vlParent の親として vl_grand_parent が設定されている

//  postman から vlChild へ id="aisatsu" のメッセージを送る:
await vlChild.post(postman.message("aisatsu", null, null));
// ==> "こんにちは！ ..."; vlChild の messageHandler() から aisatsu に設定したアロー関数が実行される。

//  postman から vlParent へ id="greet" のメッセージを送る:
await vlParent.post(postman.message("greet", null, null));
// ==> "Hi. You speak ..."; vlParent の messageHandler() から greet に設定したアロー関数が実行される。

//  postman から vlChild へ id="greet" のメッセージを送る:
await vlChild.post(postman.message("greet", null, null));
// ==> "Hi. You speak ..."; vlChild で id = "greet" のメッセージを処理できないため、vlParent にメッセージ処理が移譲される。

keyboard_arrow_leftProtoViewLogic モジュール createUiComponents()keyboard_arrow_right