javascript

javascript

dz / javascript

Summary

things related to the javascript programming language

Node Tree

Nodes

js_questions
content Front End Interview: JavaScript Questions
children how_event_delegation_works (found via), simple_rules_to_this (found via)
hyperlink https://www.frontendinterviewhandbook.com/javascript-questions

how_event_delegation_works
content how event delegation works
parents js_questions
hyperlink https://davidwalsh.name/event-delegate

simple_rules_to_this
content The Simple Rules to "this" in JavaScript
parents js_questions
hyperlink https://codeburst.io/the-simple-rules-to-this-in-javascript-35d97f31bde3

dom_event_delegation_stack_overflow
content Stack overflow: what is event delegation?
hyperlink https://stackoverflow.com/questions/1687296/what-is-dom-event-delegation

js_objects
content JavaScript Objects: Inherited a Mess
hyperlink https://davidwalsh.name/javascript-objects

the_core
content JavaScript: The Core
hyperlink http://dmitrysoshnikov.com/ecmascript/javascript-the-core/

mdn_prototype_chain
content Inheritance and the Prototype change
children instanceof (checks prototype chain)
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain

IIFE
content Immediately Invoked Function Expression
hyperlink https://en.wikipedia.org/wiki/Immediately_invoked_function_expression
flashcard (front) What is an IIFE?
flashcard (back) An Immediately Invoked Function Expression, or IIFE, is a programming language idiom which produces a lexical scope using function scoping. Example =(function () { })();=. It was a popular way to do modular programming in JS before ES modules and CommonJS.

this
content this
flashcard (front) explain "this" in JavaScript
flashcard (back) 1. new keyword used: brand new object. 2. apply/call/bind: object passed in as argument. 3. obj.method(): object that function is property of 4. free function invocation: global object. window in the browser, undefined in strict mode. 5. multiple rules apply: higher rule wins. 6. arrow function in ES2015: ignore previous rules, use encapsulating scope.

coercion
content coercion: an automatic conversion of values from one data type to another. Ex: having 0 coerce itself to be false.
children type_coercion_mdn
parents truthiness
flashcard (front) What is coercion in javascript?
flashcard (back) An automatic conversion of values from one data type to another. (ex: 0 to false)

truthiness
content truthiness: When value is considered true when encountered in a boolean context.
children coercion (A value is said to be coerced to a boolean value)
hyperlink https://developer.mozilla.org/en-US/docs/Glossary/Truthy

type_coercion_mdn
content MDN: type coercion
parents coercion
hyperlink https://developer.mozilla.org/en-US/docs/Glossary/Type_coercion

instanceof
content instanceof: tests to see if the prototype property of a constructor appears anywhere in the prototype chain of an object.
parents mdn_prototype_chain
flashcard (front) what does instanceof do?
flashcard (back) instanceof is a javascript operator that checks to see if a prototype property exists anywhere in the prototype chain of an object

rest_parameter
content Rest Parameter: syntax that allows a function to accept an indefinite number of arguments as an array, providing a way to represent variadic functions in javascript. ex: =function sum(...theArgs)=
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters
flashcard (front) What are rest parameters?
flashcard (back) Rest parameter syntax in JS allows for variadic functions to be represented as an array. Ex: =function sum(..theArgs)=.

template_literals
content Template Literals: literals delimited with backticks (`). used for multi-line strings, string interpolation with embedded expressions, and special constructs called tagged templates.
children tagged_templates (template literals are used with tagged templates)
parents webdev/typescript/template_literal_types
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
flashcard (front) What are template literals in javascript?
flashcard (back) Template literals are literals denoted with backtick ('`'), and allow for multi-line strings, string interpolation with embedded expressions, and special constructs called tagged templates.

tagged_templates
content tagged templates
parents template_literals
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates

await
content The await operator is used to wait for a Promise and get its fulfillment value. It can only be used inside an async function or at the top level of a module.
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await
flashcard (front) what does the 'await' keyword do?
flashcard (back) The await keyword is an operator that is used to wait for a promise and get its fulfillment value. It can only be used inside an async function or at the top level of a module.

static
content Static: defines a method or field for a class, or a static initialization block. They are accessed on the class itself, rather than an instance of the class.
children static_initialization_blocks
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static

static_initialization_blocks
content static initialization blocks: contains statements tobe evaluated during class initialization
parents static
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Static_initialization_blocks

class_expression
content class expression
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/class

bind
content bind: method of Function instances creates a new function that, when called, calls this function with its this keyword set to the provided value, and a given sequence of arguments preceding any provided when the new function is called.
parents webdev/nextjs/dashboard-app-pass-id-server-action
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

error
content Error Object
parents webdev/nextjs/dashboard-app/13-handling-errors
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error