H_BLOG

// Short Circuiting (&& and ||) 'use strict'; // Use ANY data type, return ANY data type, // short-circuiting // If the first value is truthy value, then immediately return that value // OR circuiting returns the first truthy value of all the operands or the last value if all the operands are falsy // AND operand will return first falsy value or the last value if all the operands are truthy // U..

// Rest patterns and parameters 'use strict'; // 1) Destructuring // Spread, because on Right side of = const arr = [1, 2, ...[3, 4]]; console.log(arr); // REST, becase on LEFT side of = const [a, b, ...others] = [1, 2, 3, 4, 5]; console.log(a, b, others); const [pizza, ,Risotto, ...otherFood] = [...restaurant.mainMenu, ...restaurant.starterMenu]; console.log(pizza, Risotto, otherFood); // Objec..

'use strict'; // Data needed for a later exercise const flights = '_Delayed_Departure;fao93766109;txl2133758440;11:25+_Arrival;bru0943384722;fao93766109;11:45+_Delayed_Arrival;hel7439299980;fao93766109;12:05+_Departure;fao93766109;lis2323639855;12:30'; // Data needed for first part of the section const restaurant = { name: 'Classico Italiano', location: 'Via Angelo Tavanti 23, Firenze, Italy', c..

'use strict'; // Primitives vs. Objects (Primitive vs. Referece Types) // Primitive Types : Number, String, Boolean, Undefined, Null, Symbol, BigInt // Object Types: Object literal, Array, Functons, Many more // Primitive types are stored in CALL STACK // Object Types are stored in HEAP // Primitive data types are immutable in JS, so every time we assign a new value, // a new address is created ..

'use strict'; // Never ever use the Arrow function as methods in the object // Method must be a regular function, but inside of function in the method could be arrow function, // because it inherits object, not the function // Arrow function doesn't have the THIS keyword, // so it simply uses THIS keyword from its srroundings, it's parent. // Object doesn't have a scope - it is just literal, so ..

'use strict'; console.log(this); // Window Object const calcAge = function (birthYear) { console.log(2037 - birthYear); console.log(this); }; calcAge(1991); // undefined const calcAgeArrow = birthYear => { // it doesn't have a this keyword console.log(2037 - birthYear); console.log(this); }; calcAgeArrow(1988); // window const hongsik = { year: 1988, calcAge: function () { console.log(this); con..

// HOISTING and TDZ-------------------------------------------------------------------------------------------- // Variables console.log(me); // Okay // console.log(job); // Error - let // console.log(year); // Error - const var me = 'Hongsik'; let job = 'Developer'; const year = 1991; // Functions console.log(addDecl(2, 3)); // Okay // console.log(addExpr(2, 3)); // Error - Var is declared as u..

출처:https://gmlwjd9405.github.io/2019/04/22/javascript-hoisting.html [JavaScript] 호이스팅(Hoisting)이란 - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io

'use strict'; function calcAge(birthYear) { const age = 2037 - birthYear; console.log(firstName); // Global variable function printAge() { let output = `You are ${age}, born in ${birthYear}`; console.log(output); if (birthYear >= 1981 && birthYear

let scores, currentScore, activePlayer, playing; // Starting conditions const init = function () { currentScore = 0; activePlayer = 0; playing = true; scores = [0, 0]; player0El.classList.add('player--active'); player1El.classList.remove('player--active'); player0El.classList.remove('player--winner'); player1El.classList.remove('player--winner'); diceEl.classList.add('hidden'); score0El.textCont..