w11 design patterns

2026-04-30 21:32:03 +09:00
parent fec15709e7
commit bd2b95ea1e
6 changed files with 135 additions and 0 deletions
--- a/w10-patterns/observer/Subject.js
+++ b/w10-patterns/observer/Subject.js
@@ -0,0 +1,5 @@
+class Subject {}
+
+class Observer {}
+
+export { Subject, Observer };
--- a/w10-patterns/observer/index.html
+++ b/w10-patterns/observer/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <script type="module" src="index.js"></script>
+  <meta charset="utf-8" />
+</head>
+
+<body></body>
+
+</html>
--- a/w10-patterns/observer/index.js
+++ b/w10-patterns/observer/index.js
@@ -0,0 +1,44 @@
+import { Observer, Subject } from './Subject.js';
+
+class Fish {
+  constructor(weight) {
+    super();
+    this.weight = weight;
+  }
+  getWeight() {
+    return this.weight;
+  }
+  getSpecies() {
+    return this.species;
+  }
+}
+
+class Salmon extends Fish {
+  constructor() {
+    super(2);
+    this.species = 'Atalntinc salmon';
+  }
+}
+
+class Tuna extends Fish {
+  constructor() {
+    super(200);
+    this.species = 'Bluefin tuna';
+  }
+}
+
+class Fisherman {
+  constructor(name) {
+    super();
+    this.name = name;
+  }
+}
+
+// Main
+const bob = new Fisherman('Bob');
+
+const fish1 = new Tuna();
+const fish2 = new Salmon();
+// 1. subsribe bob (observer) to fish1 and fish2 (subjects)
+
+// 2. fishes (subjects) notify when they are caught
--- a/w10-patterns/observer/uml.wsd
+++ b/w10-patterns/observer/uml.wsd
@@ -0,0 +1,38 @@
+class Subject {
+  - observers: Observer [] 
+  + constructor();
+  + subscribe(observer: Observer);
+  + unsubscribeAll();
+  + unsubscribe(observer);
+  + notifiSubstribers();
+}
+
+class Observer {
+  + {abstract} update(src: Subject);
+}
+
+
+class Fish extends Subject {
+  - species: String;
+  - weight: Number;
+
+  + constructor(weight: Number);
+  + getWeight(): Number;
+  + getSpecies(): String;
+}
+
+class Salmon extends Fish {
+  + constructor();
+}
+
+class Tuna extends Fish {
+  + constructor();
+}
+
+class Fisherman extends Observer {
+  - name: String;
+  + constructor(name: String);
+  + update(src);
+}
+
+Fisherman "1" -left- "many" Fish : has