JavaScript Flashcards
1
Q
What is the purpose of variables?
A
To store data
2
Q
How do you declare a variable?
A
Var variablename= variable value
3
Q
How do you initialize (assign a value to) a variable?
A
=
4
Q
What characters are allowed in variable names?
A
Letter, $, or _, numbers after first character
5
Q
What does it mean to say that variable names are “case sensitive”?
A
Variable name can be different for capital or lowercase same name
6
Q
What is the purpose of a string?
A
Store text a sequence of characters
7
Q
What is the purpose of a number?
A
Store a number, calculations
8
Q
What is the purpose of a boolean?
A
Store true or false values, render a sate of something is or isn’t
9
Q
What does the = operator mean in JavaScript?
A
Assignment operator, assigning a value to the variable.
10
Q
How do you update the value of a variable?
A
Variablename = newvalue
11
Q
What is the difference between null and undefined?
A
Null: value can only be assigned, not generated, developer set variable = null purposely. placeholder empty for now
Undefined: empty, nothing here
12
Q
Why is it a good habit to include “labels” when you log values to the browser console?
A
To understand which console log is being output
13
Q
Give five examples of JavaScript primitives.
A
Number, String, Boolean, Undefined, Null and Symbol
14
Q
What data type is returned by an arithmetic operation?
A
number
15
Q
What is string concatenation?
A
Joining together 2 or more strings, result will be a string
16
Q
What purpose(s) does the + plus operator serve in JavaScript?
A
cocatenate or add
17
Q
What data type is returned by comparing two values (<, >, ===, etc)?
A
boolean
18
Q
What does the += “plus-equals” operator do?
A
The addition assignment (+=) operator adds the value of the right operand to a variable and assigns the result to the variable
19
Q
What are objects used for?
A
Grouping together related variables
20
Q
What are object properties?
A
Piece of data stored in the object, collection of variables
The key and value in the objects
21
Q
Describe object literal notation.
A
Var object = {
Key: value,
Key: value
};
22
Q
How do you remove a property from an object?
A
Delete object.property
23
Q
What are the two ways to get or update the value of a property?
A
Dot notation object.property
Bracket notation object[property]
24
Q
What are arrays used for?
A
Lists of data where either order is important or not important
25
Describe array literal notation.
Var arrayname;
Arrayname = [‘value1’, ‘value2’];
bracket separated by commas
26
How are arrays different from "plain" objects?
has a length property and keeps updating
call a method to add data to the array
27
What number represents the first index of an array?
0
28
What is the length property of an array?
Number of items in the array
29
How do you calculate the last index of an array?
Array.length -1
30
What is a function in JavaScript?
Performs a task and returns the output
31
Describe the parts of a function definition.
Function(called keyword) functname (parameters) { Code block;
Return ;
}
32
Describe the parts of a function call.
functionname(argument1, argument2, etc);
33
When comparing them side-by-side, what are the differences between a function call and a function definition?
Function call is running the code
Function definition is creating the object, has a codeblock { } and function keyword
34
What is the difference between a parameter and an argument?
Parameter is a placeholder for a variable we don’t know until we call the function and pass an argument
When defining a function, we declare parameters.
When we call a function we pass it an argument
35
Why are function parameters useful?
So we can write the function once and insert any argument we want when we run the function
36
What two effects does a return statement have on the behavior of a function?
Causes the function to produce a value we can use in our program (get the output to wherever the function was called)
Prevents any more code in the function's code block from being run (stops function from running)
37
Give 6 examples of comparison operators.
>, <, >=, <=, ===, and !==
38
What data type do comparison expressions evaluate to?
Boolean
39
What is the purpose of an if statement?
To guide the computer to make a decision based on criteria
40
Is else required in order to use an if statement?
No If you require code to run only when the statement returns true
41
Describe the syntax (structure) of an if statement.
If (condition) {
code block -Return value;
} else { code;
}
42
What are the three logical operators?
&& || !
43
How do you compare two different expressions in the same condition?
Using a && or ||
44
Why do we log things to the console?
To find errors and warnings as they occur in the JavaScript code.
Debugging, something is broken, understand what's happening
45
What is a method?
a function which is a property of an object. Using an object then a . then method name, performs a function
46
How is a method different from any other function?
method is associated with an object, while a function is not.
method: object.method
function: state it
47
How do you remove the last element from an array?
arrayname.pop();, arrayname.shift() removes first element
48
How do you round a number down to the nearest integer?
Math.floor(numberhere);
49
How do you generate a random number?
Math.random() -random float value from 0 to 1 (is a percentage)
50
How do you delete an element from an array?
arrayname.splice();
splice method at the index array
51
How do you append an element to an array?
arrayname.push() adds to end/ arrayname.unshift() adds to beginning
52
How do you break a string up into an array?
stringname.split(“ “) use space as an argument (thing you want to break it up on)
53
Do string methods change the original string? How would you check if you weren't sure?
does not change it, console log it
54
Is the return value of a function or method useful in every situation?
No
55
What is the purpose of a loop?
To check a condition and repeat the code block until a condition is met
56
What is the purpose of a condition expression in a loop?
Instruct the code when to stop looping
57
What does "iteration" mean in the context of loops?
A pass through the loop
58
When does the condition expression of a while loop get evaluated?
before each pass through the loop (before each iteration)
59
When does the initialization expression of a for loop get evaluated?
evaluated once before the loop begins
60
When does the condition expression of a for loop get evaluated?
evaluated before each loop iteration
61
When does the final expression of a for loop get evaluated?
When the condition evaluates to false
62
Besides a return statement, which exits its entire function block, which keyword exits a loop before its condition expression evaluates to false?
break
63
What does the ++ increment operator do?
Adds 1
64
How do you iterate through the keys of an object?
use a for in loop
65
What event is fired when a user places their cursor in a form control?
focus
66
What event is fired when a user's cursor leaves a form control?
Blur
67
What event is fired as a user changes the value of a form control?
input
68
What event is fired when a user clicks the "submit" button within a
submit
69
What does the event.preventDefault() method do?
prevent the browser from automatically reloading the page with the form's values in the URL
70
What does submitting a form without event.preventDefault() do?
Prevent form from submitting
71
What property of a form element object contains all of the form's controls.
HTMLFormElement.elements
72
What property of a form control object gets and sets its value?
HTMLFormElement.elements.value
73
What is one risk of writing a lot of code without checking to see if it works so far?
Not knowing where to fix it , rewriting
74
What is an advantage of having your console open when writing a JavaScript program?
See errors as they occur
75
What is the event.target?
Target of the event, element interacted width
76
What is the effect of setting an element to display: none?
Removes it from the display and doesn't take up space but still part of the page
77
What does the element.matches() method take as an argument and what does it return?
A string css selector and returns a boolean if it matches the selector
78
How can you retrieve the value of an element's attribute?
Element.getAttribute(‘ attribute you want here‘);
79
At what steps of the solution would it be helpful to log things to the console?
Every step, after every expression
80
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?
conditional for each possible view or separate event handler for each view
81
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?
individual conditional blocks for each view, repetition of effort same code
82
What is JSON?
a text-based data format following JavaScript object syntax
83
What are serialization and deserialization?
Serialization is the process of turning an object in memory into a stream of bytes so you can do stuff like store it on disk or send it over the network.
Deserialization is the reverse process: turning a stream of bytes into an object in memory.
Serialization converts it to a string
Deserialization does the opposite to objects and arrays
84
Why are serialization and deserialization useful?
Serialization lets you send the data easily
Deserialization lets you convert back to an object that is easy to work with
85
How do you serialize a data structure into a JSON string using JavaScript?
var jsonString = JSON.stringify(data structure here);
86
How do you deserialize a JSON string into a data structure using JavaScript?
var jsonParse = JSON.parse(jsonString);
87
How do you store data in localStorage?
localStorage.setItem(‘key name’, ‘value name’);
88
How do you retrieve data from localStorage?
Var varstorage = localStorage.getItem(‘keyName’);
89
What data type can localStorage save in the browser?
String only
90
When does the 'beforeunload' event fire on the window object?
fired when the window, the document and its resources are about to be unloaded. before page closes
91
What is a method?
a function which is a property of an object.
92
How can you tell the difference between a method definition and a method call?
A method definition has the code block
Method call is running the code block with a argument
93
Describe method definition syntax (structure).
var obj = {
propertyName : function def(parameter) {
}
};
94
Describe method call syntax (structure).
objectname.method(arguments);
95
How is a method different from any other function?
Methods are associated with an object, exampleobject.methodname
Functions run on their own
96
What is the defining characteristic of Object-Oriented Programming?
objects can contain both data (as properties) and behavior (as methods).
97
What are the four "principles" of Object-Oriented Programming?
Abstraction
Encapsulation
Inheritance
Polymorphism
98
What is "abstraction"?
being able to work with (possibly) complex systems in simple ways. lightswitches
99
What does API stand for?
application programming interface
100
What is the purpose of an API?
Application that is gonna interface with another program to do things in a simple way
101
What is this in JavaScript?
an implicit parameter of all JavaScript functions.
102
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.
103
When is the value of this determined in a function; call time or definition time?
call time
104
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);
}
};
nothing, doesn't exist yet bc its not called
105
Given the above character object, what is the result of the following code snippet? Why?
character.greet();
var character = {
firstName: 'Mario',
greet: function () {
var message = 'It\'s-a-me, ' + this.firstName + '!';
console.log(message);
}
};
The variable message : "it's a me mario'. Runs the greet property of the character variable which is a function.
greet method being invoked of he character object. the object being called off of is chjaracer and gets firstname Property
106
Given the above character object, what is the result of the following code snippet? Why?
var hello = character.greet;
hello();
var character = {
firstName: 'Mario',
greet: function () {
var message = 'It\'s-a-me, ' + this.firstName + '!';
console.log(message);
}
};
no dot in hello() so becomes the window, has nofirstname, returns "it's a me undefined"
107
How can you tell what the value of this will be for a particular function or method definition?
You can’t, undefined. only when being called
108
How can you tell what the value of this is for a particular function or method call?
the value of this can be recognized as "the object to the left of the dot" when the function is called (as a method).
“This” is "the object to the left of the dot". if no dot, it is window
109
What kind of inheritance does the JavaScript programming language use?
prototype-based (or prototypal) inheritance
110
What is a prototype in JavaScript?
object that can allow JavaScript objects to inherit features from one another
111
How is it possible to call methods on strings, arrays, and numbers even though those methods don't actually exist on strings, arrays, and numbers?
JavaScript objects give certain behaviors (methods) or data (properties) to other objects.
within prototype object
each of those methods a re stored on the prototype object of that kind of data type
112
If an object does not have it's own property or method by a given key, where does JavaScript look for it?
Prototype
113
What does the new operator do?
1 Creates a new blank object, attached to the prototype of the new object
2 Takes value of the prototype constructor
3 Makes the new object the value of “this” and runs code block
4 If No return statement, the object created gets returned automatically
114
What property of JavaScript functions can store shared behavior for instances created with new?
prototype property
.prototype
115
What does the instanceof operator do?
tests to see if the prototype property of a constructor appears anywhere in the prototype chain of an object. The return value is a boolean value.
116
What is a "callback" function?
passing a function as an argument to another function
117
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?
setTimeout()
118
How can you set up a function to be called repeatedly without using a loop?
setInterval()
119
What is the default time delay if you omit the delay parameter from setTimeout() or setInterval()?
0 seconds, immediate
120
What do setTimeout() and setInterval() return?
Return a intervalID a numeric, non-zero value which identifies the timer created by the call to
setInterval(); this value can be passed to clearInterval() to cancel the interval.
starts at 1, pos integer
121
What is AJAX?
Technique for loading data into part of a page without having to reload the entire page
122
What does the AJAX acronym stand for?
Asynchronous JavaScript And XML
123
Which object is built into the browser for making HTTP requests in JavaScript?
XMLHttpRequest
124
What event is fired by XMLHttpRequest objects when they are finished loading the data from the server?
load
125
Bonus Question: An XMLHttpRequest object has an addEventListener() method just like DOM elements. How is it possible that they both share this functionality?
prototype, inherits
126
What is Array.prototype.filter useful for?
array.filter copies, doesnt modify and only values you want
127
What is Array.prototype.map useful for?
modifying all values in a copy
128
What is Array.prototype.reduce useful for?
combining all the elements of a big array to one
