added mode code demos

Author: ericwgreene

public/demos/promise_chaining.js

@@ -0,0 +1,50 @@
+
+const youngMan = new Promise(function youngLady(resolve, reject) {
+
+  setTimeout(function() {
+    reject('yes, I will marry you because I am madly in love with you...');
+  }, 2000);
+
+});
+
+youngMan.then(result => {
+  console.log(result);
+  console.log('yay! she said yes!');
+
+  console.log('time to look for a place!');
+  return new Promise( (resolve) => {
+    setTimeout(() => {
+      resolve('found a place to get married!');
+    }, 2000);
+  });
+
+}).then(result => {
+
+  console.log(result);
+
+  console.log('time to find wedding garments!');
+  return new Promise( (resolve, reject) => {
+    setTimeout(() => {
+      reject('found wedding garments!');
+    }, 2000);
+  });
+  
+}).then(result => {
+
+  console.log(result);
+
+}).catch(result => {
+  console.log(result);
+  console.log('time to sign up for eHarmony');
+
+});
+
+console.log('young man is waiting...')
+
+
+
+
+
+
+
+

public/demos/promise_grouping.js

@@ -0,0 +1,56 @@
+
+const p1 = new Promise(resolve => setTimeout(() => resolve('a'), 2000));
+const p2 = new Promise(resolve => setTimeout(() => resolve('b'), 4000));
+const p3 = new Promise( (resolve, reject) => setTimeout(() => reject('c'), 6000));
+const p4 = new Promise(resolve => setTimeout(() => resolve('d'), 8000));
+
+p1.then(results => console.log(results));
+p2.then(results => console.log(results));
+p3.then(results => console.log(results)).catch(results => console.log('error: ' + results));
+p4.then(results => console.log(results));
+
+Promise.all([p1,p2,p3,p4]).then(results => {
+  console.log(results);
+  console.log('all done');
+}).catch(results => {
+  console.log(results);
+  console.log('at least one failed');
+});
+
+
+
+
+
+// class Person {
+//   constructor(firstName, lastName) {
+//     this.firstName = firstName;
+//     this.lastName = lastName;
+
+//     this.getFullName = () => {
+//       console.log(this.firstName + ' ' + this.lastName);
+//     }
+  
+//   }
+
+// }
+
+// const p = new Person('Bob', 'Smith');
+
+// p.getFullName();
+
+// // setTimeout(p.getFullName(), 2000);
+
+// // const myBind = (fn, context) => {
+
+// //   return () => {
+// //     fn.call(context);
+// //   };
+
+// // };
+
+
+// // setTimeout(myBind(p.getFullName, p), 2000);
+
+// // setTimeout(function() {
+// //   p.getFullName();
+// // }, 2000);

public/demos/promise_race.js

@@ -0,0 +1,23 @@
+
+const hare = new Promise( (resolve, reject) => {
+
+  setTimeout(() => {
+    resolve('hare');
+  }, 4000)
+
+} );
+
+const tortoise = new Promise( (resolve, reject) => {
+
+  setTimeout(() => {
+    resolve('tortoise');
+  }, 2000)
+
+} );
+
+hare.then(() => console.log('hare is done...'));
+tortoise.then(() => console.log('tortoise is done...'));
+
+Promise.race([ hare, tortoise ]).then(result => {
+  console.log('and the winner is: ' + result);
+});

public/js/app.js

@@ -1,50 +1,33 @@
 
-const youngMan = new Promise(function youngLady(resolve, reject) {
+console.log(Promise.resolve('some data'));
+// console.log(Promise.reject('some data'));
 
-  setTimeout(function() {
-    reject('yes, I will marry you because I am madly in love with you...');
-  }, 2000);
 
-});
+// function getCarData() {
 
-youngMan.then(result => {
-  console.log(result);
-  console.log('yay! she said yes!');
+//   return new Promise(resolve => {
 
-  console.log('time to look for a place!');
-  return new Promise( (resolve) => {
-    setTimeout(() => {
-      resolve('found a place to get married!');
-    }, 2000);
-  });
+//     setTimeout(function() {
+//       resolve([{ make:'Audi' }]);
+//     }, 2000);
 
-}).then(result => {
+//   });
 
-  console.log(result);
-
-  console.log('time to find wedding garments!');
-  return new Promise( (resolve, reject) => {
-    setTimeout(() => {
-      reject('found wedding garments!');
-    }, 2000);
-  });
-  
-}).then(result => {
-
-  console.log(result);
-
-}).catch(result => {
-  console.log(result);
-  console.log('time to sign up for eHarmony');
-
-});
-
-console.log('young man is waiting...')
+// }
 
+function getMockCarData() {
+  return Promise.resolve([{ make:'Tesla' }]);
+}
 
+getMockCarData().then(cars => console.log(cars));
 
 
 
 
+const hare = new Promise( (resolve, reject) => {
 
+  setTimeout(() => {
+    resolve('hare');
+  }, 4000)
 
+} );