update

last-endcode · last-endcode · commit 2fad27b2ceb7 · 2021-01-18T09:19:51.000+07:00
diff --git a/Functions/03_closures.js b/Functions/03_closures.js
@@ -3,23 +3,23 @@
 // from an innner function
 // make private variables with closures
 
-function shpName(firstName, lastName) {
-  let member = 'SHP';
-  function addName(balance) {
-    console.log(
-      `Hello member ${member} : ${firstName} ${lastName} with ${
-        balance * 10000000
-      }`
-    );
+function outer() {
+  // membuat variable just for function
+  let privateVar = 'secret';
+  function inner() {
+    console.log(`hello world is ${privateVar}`);
   }
-  return addName;
+  // add return
+  return inner;
+  inner(); //invoke
 }
 
-// invoke, and use this () for calling inner function
-shpName('mugiwara', 'no lutfy')(100000000);
+// console.log(privateVar); //error cz not defined
 
-// create 2 instance obj
-const zoro = new shpName('rorona', 'zoro');
-const sanji = new shpName('sanji', 'vinsmoke');
-zoro(4000000);
-sanji(500000);
+// menggunakan () tuk memanggil juga innner
+// jika tanpa () tidak akan menghasilkan apapun
+outer()(); // hello world
+
+// atau mengguakan variable tuk memanggil innner
+// const value = outer();
+// value(); // will error solution use return inner function
diff --git a/Functions/04_closure_basic.js b/Functions/04_closure_basic.js
@@ -0,0 +1,21 @@
+// Closure basic example
+
+function newAccount(name, initialBalance) {
+  let balance = initialBalance;
+  function showDisplay() {
+    console.log(`Hello ${name} with balance is ${balance}`);
+  }
+  // you should
+  return showDisplay;
+}
+
+// invoke it, and () => for invoke it showDisplay
+newAccount('jane', 550000)();
+
+// or you can create new 2 instance obj
+const kelly = new newAccount('kelly', 450000);
+const melly = new newAccount('melly', 345000);
+
+// invoke it
+kelly();
+melly();
diff --git a/Functions/05_closure_complete_example.js b/Functions/05_closure_complete_example.js
@@ -0,0 +1,33 @@
+// closure complete
+
+function newAccount(name, initialBalance) {
+  let balance = initialBalance;
+  function showBalance() {
+    console.log(`Hello ${name} your balance is ${balance}`);
+  }
+  function deposite(amount) {
+    balance += amount;
+    showBalance();
+  }
+  function withDraw(amount) {
+    // *** IF amount bigger than balance
+    if (amount > balance) {
+      console.log(
+        `Sorry ${name} your amount : ${amount} bigger than ${balance}`
+      );
+      return;
+    }
+    // false
+    balance -= amount;
+    showBalance();
+  }
+  return { showBalance: showBalance, deposite: deposite, withDraw: withDraw };
+}
+
+// invoke it
+const john = new newAccount('john', 3000);
+
+john.showBalance(); // 3000
+john.deposite(3000); // 6000
+john.withDraw(7000); // Sorry john your amount : 7000 bigger than 6000
+// cause amount (6000) bigger than from 6000 (deposite)
diff --git a/Functions/index.html b/Functions/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <script src="./03_closures.js"></script>
+  </body>
+</html>
