javascript
dz / javascriptSummary
things related to the javascript programming language
Subgraphs
Node Tree
- await
- bcrypt
- bind
- class_expression
- dom_event_delegation_stack_overflow
- error
- IIFE
- import_js_module_html
- js_objects
- js_questions
- mdn_prototype_chain
- node-gyp
- regex
- rest_parameter
- spread_syntax
- static
- template_literals
- the_core
- this
- truthiness
- webapi
Nodes
| js_questions | |
| content | Front End Interview: JavaScript Questions |
| children | simple_rules_to_this (found via), how_event_delegation_works (found via) |
| hyperlink | https://www.frontendinterviewhandbook.com/javascript-questions |
| location | knowledge/javascript.dz:4 |
| how_event_delegation_works | |
| content | how event delegation works |
| parents | js_questions |
| hyperlink | https://davidwalsh.name/event-delegate |
| location | knowledge/javascript.dz:8 |
| 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 |
| location | knowledge/javascript.dz:14 |
| dom_event_delegation_stack_overflow | |
| content | Stack overflow: what is event delegation? |
| hyperlink | https://stackoverflow.com/questions/1687296/what-is-dom-event-delegation |
| location | knowledge/javascript.dz:20 |
| js_objects | |
| content | JavaScript Objects: Inherited a Mess |
| hyperlink | https://davidwalsh.name/javascript-objects |
| location | knowledge/javascript.dz:24 |
| the_core | |
| content | JavaScript: The Core |
| hyperlink | http://dmitrysoshnikov.com/ecmascript/javascript-the-core/ |
| location | knowledge/javascript.dz:28 |
| 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 |
| location | knowledge/javascript.dz:32 |
| 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. |
| location | knowledge/javascript.dz:36 |
| 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. |
| location | knowledge/javascript.dz:46 |
| coercion | |
| content | coercion: an automatic conversion of values from one data type to another. Ex: having 0 coerce itself to be false. |
| children | python/boolean_value_coercion, 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) |
| location | knowledge/javascript.dz:58 |
| 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 |
| location | knowledge/javascript.dz:66 |
| type_coercion_mdn | |
| content | MDN: type coercion |
| parents | coercion |
| hyperlink | https://developer.mozilla.org/en-US/docs/Glossary/Type_coercion |
| location | knowledge/javascript.dz:74 |
| 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 |
| location | knowledge/javascript.dz:79 |
| 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)=. |
| location | knowledge/javascript.dz:90 |
| 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. |
| location | knowledge/javascript.dz:100 |
| tagged_templates | |
| content | tagged templates |
| parents | template_literals |
| hyperlink | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates |
| location | knowledge/javascript.dz:112 |
| 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. |
| parents | rust/await |
| 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. |
| location | knowledge/javascript.dz:118 |
| 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 |
| location | knowledge/javascript.dz:129 |
| 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 |
| location | knowledge/javascript.dz:135 |
| class_expression | |
| content | class expression |
| hyperlink | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/class |
| location | knowledge/javascript.dz:141 |
| 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 |
| location | knowledge/javascript.dz:145 |
| error | |
| content | Error Object |
| parents | webdev/nextjs/learn_dashboard_app/13_handling_errors |
| hyperlink | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error |
| location | knowledge/javascript.dz:153 |
| regex | |
| content | Regex Reference |
| children | regex/regexp, regex/lookahead_assertion |
| parents | webdev/nextjs/matcher |
| hyperlink | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Regular_expressions |
| location | knowledge/javascript.dz:157 |
| bcrypt | |
| content | bcrypt package |
| children | bcrypt/source |
| parents | cryptography/bcrypt, webdev/nextjs/learn_dashboard_app/15_adding_authentication |
| hyperlink | https://www.npmjs.com/package/bcrypt |
| location | knowledge/javascript.dz:171 |
| spread_syntax | |
| content | spread syntax: (...) syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected. |
| parents | cryptography/bcrypt, python/unpacking_argument_lists |
| hyperlink | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax |
| flashcard (front) | What is spread syntax? |
| flashcard (back) | Spread syntax (...) allows things like arrays to be expanded in functions where arguments are expected. |
| location | knowledge/javascript.dz:175 |
| node-gyp | |
| content | node-gyp: native addon build tool |
| parents | bcrypt/source |
| hyperlink | https://www.npmjs.com/package/node-gyp/v/3.8.0 |
| location | knowledge/javascript.dz:193 |
| import_js_module_html | |
| content | Import javascript as JS module: <script src="main.js" type="module"></script> |
| parents | webdev/html/elements/script/type, webdev/html/elements/script |
| remarks | Usually put in |
| location | knowledge/javascript.dz:199 |
| webapi | |
| content | Web APIs |
| children | webapi/HTML_DOM |
| hyperlink | https://developer.mozilla.org/en-US/docs/Web/API |
| location | knowledge/javascript.dz:203 |