Merge pull request #1 from Swap76/master

Update

Author: tomanistor

.eslintrc.js

@@ -6,6 +6,7 @@ module.exports = {
     "quotes": ["error", "double"],
     "semi": ["error", "always"],
     "eol-last": ["error", "never"],
-    "no-multiple-empty-lines": ["error", { max: 1 }]
+    "no-multiple-empty-lines": ["error", { max: 1 }],
+    "no-var": ["error"]
   }
 };

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 package-lock.json
 docs/_sidebar.md
+.DS_Store

JavaScript_Advance/arrow_function.js

@@ -1,14 +1,28 @@
 let a = () => {
   // This is arrow function came new in ES6
+  //It assigns the function to variable a as the identifier with let instead and adds arrows before the curly braces. 
+  
 };
 
+
+let multiply = (num) => num * num 
+ 
+//arrow functions also works without curly braces {} and can directly write expression after the arrows 
+// this is known as concise body as opposed to a block body (with {});
+//cannot be used with if statements, or an error will appear since it only takes one expression; 
+//ternary operators can be used with arrow functions as a more concise way to write if statements 
+
+
+
 let info = {
   firstName: "Swapnil",
   lastName: "Shinde",
   getFullName: () => {
-    return(`My name is ${this.firstName} ${this.lastName}`); // Arrow functions don't have "this" property
+    return (`My name is ${this.firstName} ${this.lastName}`); // Arrow functions don't have "this" property
   }
 }
+//not having this. binding means it also cannot be called with new and used as a constructor 
+
 
 console.log(info.getFullName());
 // Output My name is undefined undefined that's why we don't use this with arrow function
@@ -17,7 +31,7 @@ let newInfo = {
   firstName: "Swapnil",
   lastName: "Shinde",
   getFullName: () => {
-    return(`My name is ${newInfo.firstName} ${newInfo.lastName}`); // If we are using arrow function then directly use the variables as shown
+    return (`My name is ${newInfo.firstName} ${newInfo.lastName}`); // If we are using arrow function then directly use the variables as shown
   }
 }
 
@@ -31,32 +45,42 @@ class Student {
   }
 
   getName = () => {
-    return this.name;
+    return this.name; 
   }
 }
 
 console.log((new Student).getName()) // Gives error for node versions before 12.4.0(Approx) SyntaxError: Unexpected token = 
 
 class StudentInfo {
 
-  constructor (firstName,lastName, age, branch, college){ 
-    this.firstName = firstName; 
+  constructor(firstName, lastName, age, branch, college) {
+    this.firstName = firstName;
     this.lastName = lastName;
-    this.age = age; 
+    this.age = age;
     this.branch = branch;
     this.college = college;
   };
 
   getFullName = () => { // Returns full name using string interpolation
-    return(`My name is ${this.firstName} ${this.lastName}`); // If we are using arrow function then directly use the variables as shown
+    return (`My name is ${this.firstName} ${this.lastName}`); // If we are using arrow function then directly use the variables as shown
   };
 
   getBranch = () => { // Returns Branch 
-    return(this.branch);
+    return (this.branch);
   };
 
 }
 
-let Swapnil = new StudentInfo("Swapnil", "Shinde",19, "Computer", "Sies"); // This way we can create new objects with arguments
+let Swapnil = new StudentInfo("Swapnil", "Shinde", 19, "Computer", "Sies"); // This way we can create new objects with arguments
+
+console.log(Swapnil.getFullName()); // Output My name is Swapnil Shinde
+
+//settimeout without arrow function
+setTimeout(function () {
+  console.log("hello world");
+}, 1000);
 
-console.log(Swapnil.getFullName()); // Output My name is Swapnil Shinde
+//settimeout with arrow function
+setTimeout(() => {
+  console.log("hello world");
+}, 0); //arrow functions provide better readability

JavaScript_Advance/callback.js

@@ -62,7 +62,7 @@ transformNumber(10, (num) => {
   * passed to the `resolve()` function, will get passed to the function passed to `.then()`
   * function. Look at the following example from MDN official documents:
   */
-var p1 = new Promise((resolve, reject) => {
+const p1 = new Promise((resolve, reject) => {
   resolve("Success!");
   // or
   // reject(new Error("Error!"));

JavaScript_Advance/cookies.js

@@ -6,7 +6,7 @@ console.log("Simple usage:" + document.cookie);
 // #2 Get a cookie with the name 'actor'
 document.cookie = "movie=Jungle Book";
 document.cookie = "actor=Balu";
-var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)actor\s*\=\s*([^;]*).*$)|^.*$/, "$1");
+const cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)actor\s*\=\s*([^;]*).*$)|^.*$/, "$1");
 console.log("Cookie with the name 'actor':" + cookieValue);
 
 // #3 Set cookie and execute code only once if cookie doesn't exist yet

JavaScript_Advance/do_while_loop.js

@@ -10,7 +10,7 @@ do {
 
  */
 
-var n = 1;
+let n = 1;
 
 do {
   console.log("n is less than 6. n = " + n);

JavaScript_Advance/event_loop.js

@@ -4,4 +4,14 @@ setTimeout(() => {
 
 console.log("Last statement"); // This statement gets printed first
 
-// This enables the non blocking using event based management
+// This enables the non blocking using event based management
+
+console.log("a");
+setTimeout(() => {
+  console.log("b");
+}, 2000);
+console.log("c");
+setTimeout(() => {
+  console.log("d");
+}, 0);
+// except answer : a , c , d , b

JavaScript_Advance/filtering_array.js

@@ -2,4 +2,19 @@ const animals = ["cats", "dogs", "bunnies", "birds"];
 
 const start_with_b = animals.filter(name => name.indexOf("b") === 0);
 
-console.log(start_with_b); // ['bunnies', 'birds']
+console.log(start_with_b); // ['bunnies', 'birds']
+
+// function of filter (basic callback for filter)
+const arr = [1, 3, 42, 2, 4, 5];
+function filter (array, callback) {
+  const callback_list = [];
+  for (const i of array) {
+    callback_list.push(callback(i));
+  }
+  return callback_list;
+}
+// modifyable callback function
+function callback (num) {
+  return Math.pow(num, 2);
+}
+console.log(filter(arr, callback));

JavaScript_Advance/generators.js

@@ -0,0 +1,30 @@
+/*
+    Generators are functions with the possibility of exit and subsequent entry.
+    Their execution context (variable values) is preserved on subsequent inputs.
+*/
+
+// Let's consider a simple example:
+function* myGenerator() {
+    yield 5
+    yield 6
+}
+
+// In the example above, we wrote a simple generator function with asteriks(*) notation.
+// Next to the yield we put values that are going to be extracted from the function
+// In order to extract them one by one, we should at first call myGenerator function
+
+const gen = myGenerator()
+
+// The returning value of myGenerator function is a object-iterator. It has next() method
+// Which we may call to get the current generator function value:
+
+gen.next().value // 5
+
+// We get the value field of 'next' method's returning value, wich is an object as well
+// Let's call this again in order to get the next value:
+
+gen.next().value // 6
+
+// After we iterate through all the values, the next value is going to be undefined.
+
+gen.next().value // undefined.

JavaScript_Advance/get_environment_variable.js

@@ -0,0 +1,7 @@
+//  Getting values of environment variables
+//  For example, getting username of machine
+const ENV_VARIABLE_KEY = "USER";
+
+const ENV_VARIABLE_VALUE = process.env[ENV_VARIABLE_KEY];
+
+console.log(ENV_VARIABLE_VALUE);