JavaScript Flashcards
1
Q
What is the purpose of variables?
A
To store data so we can access them in the future and multiple times
2
Q
How do you declare a variable?
A
Using the variable keyword ‘var’
3
Q
How do you initialize (assign a value to) a variable?
A
Using the assignment operator “=” after declaring the variable
4
Q
What characters are allowed in variable names?
A
Letters, numbers (but cannot start with a number), dollar signs and underscore
5
Q
What does it mean to say that variable names are “case sensitive”?
A
The same word with a capital letter would be different variable names
6
Q
What is the purpose of a string?
A
To save text content or series or characters
7
Q
What is the purpose of a number?
A
To save for counting and calculating sums
8
Q
What is the purpose of a boolean?
A
To save for when there are only two values “True & False” or “Yes & No”. Used for decisions
9
Q
What does the = operator mean in JavaScript?
A
It is an assignment operator. It assigns values to variables
10
Q
How do you update the value of a variable?
A
To reassign it by using the declared value
11
Q
What is the difference between null and undefined?
A
Null is an intentional absence of a value (var hello = null) whereas undefined is a variable that hasn’t been initialized yet (just declared ‘var hello;’)
12
Q
Why is it a good habit to include “labels” when you log values to the browser console?
A
So you can easily see what is being logged
Give five examples of JavaScript primitives. String, boolean, number, null, undefined
13
Q
What data type is returned by an arithmetic operation?
A
An expression
14
Q
What is string concatenation?
A
Joining two or more string values to create a new string
15
Q
What purpose(s) does the + plus operator serve in JavaScript?
A
To add number values or to concatenate string values
16
Q
What data type is returned by comparing two values (, ===, etc)?
A
Boolean
17
Q
What does the += “plus-equals” operator do?
A
Adds or concatenates the value of the right to the left of the operator and then assigns the result of the expression to the to the variable on the left
18
Q
What are objects used for?
A
To group together a set of variables and functions around one subject
19
Q
What are object properties?
A
A variable within an object
20
Q
Describe object literal notation.
A
Define a new variable and assign it to an object literal using curly braces. Using property and values
21
Q
How do you remove a property from an object?
A
Delete operator followed by dot notation object.property
22
Q
What are the two ways to get or update the value of a property?
A
Using the dot notation or the bracket notation
23
Q
What are object methods?
A
A function within an object
24
Q
What are arrays used for?
A
Arrays store a list of values that are related to each other
25
Describe array literal notation.
Define a new variable and assign it to an array literal notation using square brackets.
26
How are arrays different from "plain" objects?
They are listed in a number index
27
What number represents the first index of an array?
0
28
What is the length property of an array?
.length - tells you how many properties are in an array
29
How do you calculate the last index of an array?
Object.length - 1
30
What is a function in JavaScript?
Special type of object that can be called multiple times
31
Describe the parts of a function definition.
Function keyword, optional name, zero or more parameters surrounded by parentheses, start of code block, optional return statement, closing code block
32
Describe the parts of a function call.
Function name with parentheses with or without arguments
33
When comparing them side-by-side, what are the differences between a function call and a function definition?
Call is to run/pass the arguments. Function definition has a code block with ‘instructions’.
34
What is the difference between a parameter and an argument?
Parameter is what is listed in the function definition. Argument is the function call (actual values passed)
35
Why are function parameters useful?
Placeholder - to pass additional information into the function
36
What two effects does a return statement have on the behavior of a function?
It causes the function to produce a value and prevents any more code in the function’s code block from being run
37
Why do we log things to the console?
To check our progress and see if the outcome is what we are expecting or not
38
What is a method?
A function that is stored within a property of an object
39
How is a method different from any other function?
A function can be called directly by its name, but a method is called using the dot notation
40
How do you remove the last element from an array?
Using the method .pop() - it also returns that removed element
41
How do you remove the first element from an array?
Using the method .shift() - it also returns that removed element
42
How do you round a number down to the nearest integer?
Using the object & method Math.floor()
43
How do you generate a random number?
Using the object & method Math.random()
```
function getRandomNumberInRange(start, end) {
var randomNum = Math.floor(math.random() * (end - start) + 1) + start;
return randomNum;
}
```
44
How do you delete an element from an array?
Using the method .splice()
45
How do you append an element to an array?
Using the method .push()
46
How do you break a string up into an array?
Using the method .split()
47
Do string methods change the original string? How would you check if you weren't sure?
No. By console logging the variable of the original string.
48
Roughly how many string methods are there according to the MDN Web docs?
37
49
Is the return value of a function or method useful in every situation?
No, we don’t always need to return.
50
Roughly how many array methods are there according to the MDN Web docs?
39
51
What three-letter acronym should you always include in your Google search about a JavaScript method or CSS property?
"MDN"
52
How do you prepend an element to an array?
Using the method .unshift()
53
Give 6 examples of comparison operators.
Equal to, is not equal to, greater than, less than, strictly equal to, greater than or equal to
54
What data type do comparison expressions evaluate to?
Boolean
55
What is the purpose of an if statement?
If a condition is met - if it is a truthy
56
Is else required in order to use an if statement?
No. We don’t have to use something else if it’s not true.
57
Describe the syntax (structure) of an if statement
If keyword with condition in parentheses and the code block
58
What are the three logical operators?
And operator (&&), Or operator (||), Not operator or bang (!)
59
How do you compare two different expressions in the same condition?
Put them in parentheses with a logical operator
60
What is the purpose of a loop?
To allow us to repeat code
61
What is the purpose of a condition expression in a loop?
To tell loop the start and stop point to run
62
What does "iteration" mean in the context of loops?
It represents the code in the curly brace that will be run - a single time the code block runs
63
When does the condition expression of a while loop get evaluated?
The beginning of each iteration, right before the code block is run
64
When does the initialization expression of a for loop get evaluated?
Only once before anything. Tells us where to start
65
When does the condition expression of a for loop get evaluated?
Happens after the initialization and before each iteration before it continues
66
When does the final expression of a for loop get evaluated?
After each iteration
67
Besides a return statement, which exits its entire function block, which keyword exits a loop before its condition expression evaluates to false?
Break
68
What does the ++ increment operator do?
Increments the variable by one
69
How do you iterate through the keys of an object?
A for in loop
70
What event is fired when a user places their cursor in a form control?
Focus
71
What event is fired when a user's cursor leaves a form control?
Blur
72
What event is fired as a user changes the value of a form control?
Input
73
What event is fired when a user clicks the "submit" button within a ?
Submit
74
What does the event.preventDefault() method do?
Prevents the default action from being played out
75
What does submitting a form without event.preventDefault() do?
Refreshes page
76
What property of a form element object contains all of the form's controls?
Elements - use it by typing it in the console ie. $form.elements
77
What property of form a control object gets and sets its value?
Value property
78
What is one risk of writing a lot of code without checking to see if it works so far?
You won’t know where to look
79
What is an advantage of having your console open when writing a JavaScript program?
You can see what is being logged
80
What is the event.target?
The target property returns the DOM element object that triggered the event
81
What is the effect of setting an element to display: none?
It visually removes it from the page (from the document flow)
82
What does the element.matches() method take as an argument and what does it return?
It takes a css selector and returns true or false
83
How can you retrieve the value of an element's attribute?
Using the .getAttribute()
84
At what steps of the solution would it be helpful to log things to the console?
EVERY STEP
85
If you were to add another tab and view to your HTML, but you didn't use event delegation, how would your JavaScript code be written instead?
Create new event listener for every view
86
If you didn't use a loop to conditionally show or hide the views in the page, how would your JavaScript code be written instead?
Write code for every situation (many else if statements)
87
What is JSON?
Standard string format to transmit data in web applications
88
What are serialization and deserialization?
Serialization is turning an Object into a stream of bytes. Deserialization is taking a stream of bytes and converting it back into an Object
89
Why are serialization and deserialization useful?
To transfer data over a network
90
How do you serialize a data structure into a JSON string using JavaScript?
Using JSON.stringify()
91
How do you deserialize a JSON string into a data structure using JavaScript?
Using JSON.parse()
92
How do you store data in localStorage?
setItem(). First argument is the keyName and the second argument is Value. Both in quotes
93
How do you retrieve data from localStorage?
Using .getItem()
94
What data type can localStorage save in the browser?
Strings, but because of JSON, we can store arrays and objects as well
95
When does the 'beforeunload' event fire on the window object?
Right before the window is closed or reloaded
96
What is a method?
A function that is stored in a property of an object
97
How can you tell the difference between a method definition and a method call?
Definition has a code block. Method call is a dot notation and is being called with an object. Parameters vs arguments
98
Describe method definition syntax (structure).
Function with function name being defined with none or more parameters. Opening code block and possible code inside. Or function being assigned to a property of an object.
99
Describe method call syntax (structure).
Object, dot notation, method and parentheses with one or more arguments
100
How is a method different from any other function?
It has to be attached to an object. Function is not associated with objects
101
What is the defining characteristic of Object-Oriented Programming?
It is based on the concept of objects. Objects can contain both data (as properties) and behavior (as methods)
102
What are the four "principles" of Object-Oriented Programming?
Abstraction, encapsulation, inheritance, polymorphism
103
What is "abstraction"?
It is simplifying complex things
104
What does API stand for?
Application Programming Interface
105
What is the purpose of an API?
Abstraction. A collection of tools created for someone else to use without needing to understand every piece that is happening
106
What is this in JavaScript?
The object that it is in. It is a keyword
107
What does it mean to say that this is an "implicit parameter"?
It is available in a function’s code block even though it was never included in the function’s parameter list or declared with var
108
When is the value of this determined in a function; call time or definition time?
Call time
109
```
What does this refer to in the following code snippet?
var character = {
firstName: 'Mario',
greet: function () {
var message = 'It\'s-a-me, ' + this.firstName + '!';
console.log(message);
}
};
```
It is nothing!
110
Given the above character object, what is the result of the following code snippet? Why?
character.greet();
It’s-a-me, Mario! The greet function is being called and this is being given a value
111
```
Given the above character object, what is the result of the following code snippet? Why?
var hello = character.greet;
hello();
```
It’s-a-me, undefined! It’s referencing the window because there is no object hello() is attached to
112
How can you tell what the value of this will be for a particular function or method definition?
Unless you’re actively using the keyword, ‘this’ is nothing.
113
How can you tell what the value of this is for a particular function or method call?
The object the method is invoked on. Window for a general function
114
What kind of inheritance does the JavaScript programming language use?
Prototypal inheritance
115
What is a prototype in JavaScript?
An object that contains properties where we can create new things on
116
How is it possible to call methods on strings, arrays, and numbers even though those methods don't actually exist on objects, arrays, and numbers?
The prototype object has built in properties
117
If an object does not have it's own property or method by a given key, where does JavaScript look for it?
It looks in the object prototype
118
What does the new operator do?
Allows a new object instance to be created. Make an empty object,adds a property to the new object that links to the constructor functions’ prototype object, binds the newly created object instance as the ‘this’ context and returns ‘this’
119
What property of JavaScript functions can store shared behavior for instances created with new?
Prototype
120
What does the instanceof operator do?
Tests to see if the prototype property (constructor) occurs in the object
121
What is a "callback" function?
Function passed into another function as an argument
122
Besides adding an event listener callback function to an element or the document, what is one way to delay the execution of a JavaScript function until some point in the future?
Using the setTimeout() function
123
How can you set up a function to be called repeatedly without using a loop?
Using setInterval()
124
What is the default time delay if you omit the delay parameter from setTimeout() or setInterval()?
0
125
What do setTimeout() and setInterval() return?
The return of setTimeout is a positive integer value which identifies the timer created by the call to setTimeout(). The return of setInterval is a numeric, non-zero value which identifies the timer created by the call to setInterval()
126
What is AJAX?
A technique for loading data into part of a page without having to refresh the entire page
127
What does the AJAX acronym stand for?
Asynchronous JavaScript And XML
128
Which object is built into the browser for making HTTP requests in JavaScript?
XMLHttpRequest
129
What event is fired by XMLHttpRequest objects when they are finished loading the data from the server?
Load
130
Bonus Question: An XMLHttpRequest object has an addEventListener() method just like DOM elements. How is it possible that they both share this functionality?
They both share an object in the prototypal chain - EventTarget
