Karteikarten
JavaScript Fundamentals
Karten in diesem Stapel (43)
- 1Object Literal Syntax
- 2Primitive (Primary) Data TypesThe Primitive (or Primary) data-types in JavaScript are String, Number, Boolean, Undefined, Null and Symbol (new in ES6).
Primitive types are considered value types. They are not objects, and have no methods or properties. - 3Composite (Reference) Data TypesIf a type is not one of the primitive data-types, it is almost always on object. These are considered reference types.
Functions, Objects (including Arrays), Dates, and Regular Expressions are examples of composite data-types. - 4What is an Object?An object is a wrapper which may hold any number of key-value pairs.
Values may be any of the Primitive data types (number, string, etc) or other Objects, Methods or Arrays. - 5Object Creation
- 6Setting/Accessing Object Properties
- 7What is an Array?An array is a specific, list-like object in JavaScript.
Instead of having key-value pairs, each value is accessed via its index (zero-based).
Items in the Array are typically referred to as elements. - 8Array Creation
- 9Accessing Elements (Arrays)
- 10For Loop (Array)
- 11For Loop (Object)
- 12While/Do While Loops
- 13What is a function?Functions are stored snippets of code that execute when they are invoked. They can be declared anonymously or stored in a variable. A function can be defined with parameters, and receive arguments when it is invoked. Upon completion, the "return" keyword is used to pass data out of the function back to the global scope.
- 14Function Declaration Syntax
- 15Function Expression Syntax
- 16What is hoisting? What types of functions are hoisted in JavaScript?When a JavaScript file is loaded, function declarations are "hoisted" to the top of the code by the browser prior to the execution of any code. This allows them to be "known" and utilized/called before they are declared in the actual source-code.
Function declarations are hoisted but function expressions are not. - 17Which of these functions will be hoisted, and why?The multiply function will be hoisted because it is a function declaration.
Since the subtract function is a function expression, it will not be hoisted.
- 18+=, -=, *=, /=, %= (Arithmetic Assignment Operators)The arithmetic assignment operators perform the action of the +, -, *, / OR % operator and then re-assign the variable or property on the left to the resultant value.
They are called the addition/subtraction/multiplication/division/remainder assignment operators (respectively). - 19+, -, *, /, % (Arithmetic Operators)The arithmetic operators perform the expected operations: addition, subtraction, multiplication, division and remainder, (respectively).
note: The + operator is also used for string concatenation (adding strings together). - 20++, -- (Arithmetic Operators)The increment/decrement operators (respectively) increase/decrease the value of a number by 1.
If called on a non-number they yield NaN. - 21% (Arithmetic Operator)Modulus Operator: Returns the remainder left over when one operand is divided by a second.
- 22= (Logical Operator)Assignment Operator: points (assigns) the value of the variable or property on the left to the value of the right operand.
- 23== (Logical Operator)Equality Operator: Compares value of two variables/properties, converting them to the same type for comparison.
- 24=== (Logical Operator)Strict Equality Operator: Compares left and right operands, returning true if they are equal in type and value. If comparing two objects, will not check for "deep-equality"
- 25!== (Logical Operator)Strict Inequality Operator:
Compares the value and type of the left and right operands, returning true if they are not equal and/or not of the same type.
- 26!= (Logical Operator)Inequality Operator: Compares the left and right operands, returning true if they are not equal in value. If types differ, type is converted for the comparison.
- 27< , > (Logical Operators)Less than and greater than (respectively), compare whether one number is less/greater than another, returning true if so and false otherwise.
- 28<= , >= (Logical Operators)The less-then/Greater-than (respectively) or equal to operators, compare whether one number is less/greater than, or equal to another, returning true if so and false otherwise.
- 29! (Logical Operator)"NOT" Operator:
Returns false is it's operand is "truthy" (evaluates to true in a boolean context)
- 30&& (Logical Operator)"AND" Operator: Returns true if both the left and right operands are "truthy" (evaluate to true in a boolean context)
- 31|| (Logical Operator)"OR" Operator: Returns true if either the left or right operands are "truthy" (true in a boolean context). Checks the left operand first and exits with true if it is "truthy".
- 32? (Logical Operator)Ternary Operator: Checks if an expression is true, returning the value to the left of the : operator if so and the value to the right otherwise.
- 33Conditional Statement Syntax
- 34Ternary Operator Syntax
- 35What is a switch statement?The switch statement evaluates an expression, matching the expression's value to a case clause, and executes a block associated with that case. If no case is met, the "default" case will execute.
Note: Switch statements can be used in lieu of a conditional or ternary statements - 36Switch Statement Syntax
- 37What is a "truthy" value?"Truthy" values are values that evaluate to "true" in a boolean context.
All values except NaN, null, undefined, 0 (typeof number), false and "" (empty string) are "truthy" in JavaScript. - 38What is a dialog?Dialogs are contextual message that stop JavaScript execution. They are commonly used to inform or provide feedback to the end user. Alert, confirm and prompt are examples and can all be accessed via the global "window" object.
- 39What is context?Context references the object where the currently executing code exists. It refers to the value of the "this" keyword which, at the global level is the window object and determines which variables are accessible.
Although often confused with scope, context is object-based whereas scope is function based. - 40What is scope?Scope refers to the current level at which variables are accessible within JavaScript.
Every function will have its own scope and can access variables in its own scope and at the global scope (accessible anywhere).
Although often confused with context, scope is function based whereas context is object based. - 41What is the difference between Scope and Context?Fundamentally, scope is function-based whereas context is object-based.
All functions have both a scope and a context (because they are objects) but objects only have context, and no scope. - 42Scope Syntax (Example)
- 43Context Syntax (Example)
Informationen
- Beschreibung
- Set of JavaScript cards outlining basics such as primitive vs composite data types, simple arithmetic and logical operators, basic use of functions, objects (to incl. arrays) conditional statements and loops. Introduces the concepts of scope and context.
- Erstellt von
- Andrew Watters
- Aufrufe
- 388
- Tags
- Bewertung