first commit

Author: setogawamasao

01_sync.js

@@ -0,0 +1,8 @@
+// 同期処理
+console.log(1000);
+console.log(2000);
+console.log(3000);
+
+// 1000
+// 2000
+// 3000

02_sync_func.js

@@ -0,0 +1,12 @@
+// 関数内でも、時間がかからなければ、同期処理
+var wait = value => {
+  console.log(value);
+};
+
+console.log(1000);
+wait(2000);
+console.log(3000);
+
+// 1000
+// 2000
+// 3000

03_async.js

@@ -0,0 +1,14 @@
+// 非同期処理
+var wait = value => {
+  setTimeout(() => {
+    console.log(value);
+  }, value);
+};
+
+console.log(1000);
+wait(2000);
+console.log(3000);
+
+// 1000
+// 3000
+// 2000

04_sync_callback.js

@@ -0,0 +1,16 @@
+// コールバックによる同期処理
+var wait = (value, callBack) => {
+  setTimeout(() => {
+    console.log(value);
+    callBack();
+  }, value);
+};
+
+console.log(1000);
+wait(2000, () => {
+  console.log(3000);
+});
+
+// 1000
+// 2000
+// 3000

05_sync_callback_hell.js

@@ -0,0 +1,25 @@
+// コールバック地獄
+var wait = (value, callBack) => {
+  setTimeout(() => {
+    console.log(value);
+    callBack();
+  }, value);
+};
+
+console.log(1000);
+wait(2000, func1 => {
+  wait(3000, func2 => {
+    wait(4000, func3 => {
+      wait(5000, func4 => {
+        console.log(6000);
+      });
+    });
+  });
+});
+
+// 1000
+// 2000
+// 3000
+// 4000
+// 5000
+// 6000

06_sync_promise.js

@@ -0,0 +1,18 @@
+// Promiseによる同期処理
+var wait = value => {
+  console.log(value);
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve(value);
+    }, value);
+  });
+};
+
+console.log(1000);
+wait(2000)
+  .then(value1 => {
+    return wait(value1 + 1000); //3000
+  })
+  .then(value2 => {
+    return wait(value2 + 1000); //4000
+  });

07_sync_async_await.js

@@ -0,0 +1,18 @@
+// Promiseによる同期処理
+var wait = value => {
+  console.log(value);
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve(value);
+    }, value);
+  });
+};
+
+var main = async () => {
+  console.log(1000);
+  value1 = await wait(2000);
+  value2 = await wait(value1 + 1000); //3000
+  value3 = await wait(value2 + 1000); //4000
+};
+
+main();

08_async_for.js

@@ -0,0 +1,25 @@
+var wait = value => {
+  console.log("start: " + value);
+  return new Promise(resolve => {
+    setTimeout(() => {
+      console.log("e n d: " + value);
+      resolve(value);
+    }, value);
+  });
+};
+
+var main = async () => {
+  const objects = [1000, 3000, 2000];
+  var start = Date.now();
+  console.log("計測開始");
+  // 何もなしだと並列
+  // !!!最もシンプルなfor文にasync/awaitはサポートされていない。!!!
+  for (var i = 0; i < objects.length; i++) {
+    sampleResolve(objects[i]);
+  }
+
+  var end = Date.now();
+  console.log("実行時間: " + (end - start) + "m");
+};
+
+main();

09_async_for_of.js

@@ -0,0 +1,24 @@
+var wait = value => {
+  console.log("start: " + value);
+  return new Promise(resolve => {
+    setTimeout(() => {
+      console.log("e n d: " + value);
+      resolve(value);
+    }, value);
+  });
+};
+
+var main = async () => {
+  const objects = [1000, 3000, 2000];
+  var start = Date.now();
+  console.log("計測開始");
+  // for ofでも非同期で並列
+  for (var object of objects) {
+    sampleResolve(object);
+  }
+
+  var end = Date.now();
+  console.log("実行時間: " + (end - start) + "m");
+};
+
+main();

10_sync_for_of.js

@@ -0,0 +1,35 @@
+var wait = value => {
+  console.log("start: " + value);
+  return new Promise(resolve => {
+    setTimeout(() => {
+      console.log("e n d: " + value);
+      resolve(value);
+    }, value);
+  });
+};
+
+var main = async () => {
+  const objects = [1000, 3000, 2000];
+  var start = Date.now();
+  console.log("計測開始");
+  // for of の場合は　awaitが使える
+  for (var object of objects) {
+    await sampleResolve(object);
+  }
+
+  var end = Date.now();
+  console.log("実行時間: " + (end - start) + "m");
+};
+
+main();
+
+sample();
+
+// 計測開始
+// start: 1000
+// e n d: 1000
+// start: 3000
+// e n d: 3000
+// start: 2000
+// e n d: 2000
+// 実行時間: 6014m