JavaScript Flashcards
1
Q
What is the purpose of variables?
A
to store information
2
Q
How do you declare a variable?
A
by using a variable keyword following by a variable name
3
Q
How do you initialize (assign a value to) a variable?
A
using the assignment operator
4
Q
What characters are allowed in variable names?
A
all letters
5
Q
What does it mean to say that variable names are “case sensitive”?
A
it has to be spelled exactly the same
6
Q
What is the purpose of a string?
A
it can store letters and other characters
7
Q
What is the purpose of a number?
A
- stores number
- for tasks that include counting or calculating, also controlling loops
8
Q
What is the purpose of a boolean?
A
stores a value of either true or false
helpful to determine which part of the script should run
9
Q
What does the = operator mean in JavaScript?
A
assignment operator say that you are going to assign a value to a variable
10
Q
How do you update the value of a variable?
A
using the assignment operator
11
Q
What is the difference between null and undefined?
A
null is an assigned value and undefined means the var has been declared but not defined
12
Q
Why is it a good habit to include “labels” when you log values to the browser console?
A
you can start debugging or clarity
13
Q
Give five examples of JavaScript primitives.
A
string , number , boolean , undefined and null
14
Q
What data type is returned by an arithmetic operation?
A
Number
15
Q
What is string concatenation?
A
joins the string variables being used
16
Q
What purpose(s) does the + plus operator serve in JavaScript?
A
for addition and concatenation
17
Q
What data type is returned by comparing two values (, ===, etc)?
A
boolean
18
Q
What does the += “plus-equals” operator do?
A
it places the original variable in front what is being added
19
Q
What are objects used for?
A
used to store data that correspond with one another
20
Q
What are object properties?
A
key value pair
21
Q
Describe object literal notation.
A
the object is the curly braces and their contents (property, values, methods)
22
Q
How do you remove a property from an object?
A
use the delete operator
23
Q
What are the two ways to get or update the value of a property?
A
dot notation , bracket notation
24
Q
What are arrays used for?
A
storing a list of values
25
Describe array literal notation.
two square brackets with commas in between each value
26
How are arrays different from "plain" objects?
the key for each value is its index number
27
What number represents the first index of an array?
0
28
What is the length property of an array?
returns the amount of objects in an array
29
How do you calculate the last index of an array?
the amount you have - 1
30
What is a function in JavaScript?
it is collection of code that is reusable and easier to read
31
Describe the parts of a function definition.
function keyword, optional name , parameters, open curly brace , optional return statement, closing curly brace
32
Describe the parts of a function call.
functions name, arguements surround by ()
33
When comparing them side-by-side, what are the differences between a function call and a function definition?
function call is what is used to call the code itsels with arguements and the definition is what is used to define it
34
What is the difference between a parameter and an argument?
parametes are what it will take and argument is what it will give
35
Why are function parameters useful?
be able to use what you pass as a parameter
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.
- Prevents any more code in the function's code block from being run
37
Why do we log things to the console?
for debugging and an easy way to inspect your variables in the browser
38
What is a method?
A method is a function which is a property of an object
39
How is a method different from any other function?
method is a function that belongs to an object
40
How do you remove the last element from an array?
pop() method
41
How do you round a number down to the nearest integer?
floor() method
42
How do you generate a random number?
random() method
43
How do you delete an element from an array?
splice() method
44
How do you append an element to an array?
push() method
45
How do you break a string up into an array?
split() method
46
Do string methods change the original string? How would you check if you weren't sure?
using console.log() or MDN
47
Roughly how many string methods are there according to the MDN Web docs?
20 or more
48
Is the return value of a function or method useful in every situation?
no, depends on what you are doing
49
Roughly how many array methods are there according to the MDN Web docs?
40 or more
50
What three-letter acronym should you always include in your Google search about a JavaScript method or CSS property?
MDN
51
Give 6 examples of comparison operators.
> >= < <= != !== == ===
52
What data type do comparison expressions evaluate to?
boolean
53
What is the purpose of an if statement?
executes a statement if a specified condition is truthy.
54
Is else required in order to use an if statement?
no
55
Describe the syntax (structure) of an if statement.
-if (condition)
statement1
[else
statement2]
56
What are the three logical operators?
And && or || Nullish coalescing operator (??)
57
How do you compare two different expressions in the same condition?
(a > 0 && b > 0)
58
What is the purpose of a loop?
to repeatedly run a block of code - until a certain condition is met. they repeat an action some number of times
59
What is the purpose of a condition expression in a loop?
to let it know when to give it an okay , ...expression evaluates to true, statement is executed
60
What does "iteration" mean in the context of loops?
keeps going through each line of code
61
When does the condition expression of a while loop get evaluated?
before iteration
62
When does the initialization expression of a for loop get evaluated?
once before the loop begins
63
When does the condition expression of a for loop get evaluated?
evaluated before each loop iteration
64
When does the final expression of a for loop get evaluated?
evaluated at the end of each loop iteration
65
Besides a return statement, which exits its entire function block, which keyword exits a loop before its condition expression evaluates to false?
break
66
What does the ++ increment operator do?
increments the value by 1 , postfix(x++) , prefix(++x)
67
How do you iterate through the keys of an object?
for(var key in Object)
68
What event is fired when a user places their cursor in a form control?
focus event
69
What event is fired when a user's cursor leaves a form control?
blur event
70
What event is fired as a user changes the value of a form control?
input event
71
What event is fired when a user clicks the "submit" button within a ?
submit event
72
What does the event.preventDefault() method do?
tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.
73
What does submitting a form without event.preventDefault() do?
refreshes the page
74
What property of a form element object contains all of the form's controls.
elements | returns an HTMLFormControlsCollection listing all the form controls contained in the element.
75
What property of form a control object gets and sets its value?
value property
76
What is one risk of writing a lot of code without checking to see if it works so far?
bad code in the beginning
77
What is an advantage of having your console open when writing a JavaScript program?
debugging and knowing whats inside your variables in real time
78
What is the event.target?
The target property of the Event interface is a reference to the object onto which the event was dispatched.
79
What is the affect of setting an element to display: none?
Turns off the display of an element so that it has no effect on layout
80
What does the element.matches() method take as an argument and what does it return?
method checks to see if the Element would be selected by the provided selectorString...checks if the element "is" the selector
Returns a boolean
81
How can you retrieve the value of an element's attribute?
The getAttribute() method of the Element interface returns the value of a specified attribute on the element. If the given attribute does not exist, the value returned will either be null or "" (the empty string)
82
At what steps of the solution would it be helpful to log things to the console?
all steps
83
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?
listen to each individual tab and have multiple listeners;
84
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?
several conditionals and have specific classes
85
What is JSON?
JSON is a text-based data format following JavaScript object syntax
86
What are serialization and deserialization?
- Serialization is the process of turning an object in memory into a stream of bytes
- Deserialization is the reverse process: turning a stream of bytes into an object in memory.
87
Why are serialization and deserialization useful?
you save it for another time
88
How do you serialize a data structure into a JSON string using JavaScript?
JSON.stringify(value[, replacer[, space]])
89
How do you deserialize a JSON string into a data structure using JavaScript?
JSON.parse(text[, reviver])
90
How to you store data in localStorage?
localStorage.setItem(keyName, keyValue); return is undefined
91
How to you retrieve data from localStorage?
localStorage.setItem(keyName, keyValue);
92
What data type can localStorage save in the browser?
string or DOMstring
93
When does the 'beforeunload' event fire on the window object?
event is fired when the window, the document and its resources are about to be unloaded.
94
What is a method?
A method is a function which is a property of an object.
95
How can you tell the difference between a method definition and a method call
- property: function(args){ }
| - object.method(parameters)
96
Describe method definition syntax (structure).
property: function(args){ }
97
Describe method call syntax (structure).
object.method(parameters)
98
How is a method different from any other function?
method is only associated with the object it is created from
99
What is the defining characteristic of Object-Oriented Programming?
pairs data with behaviour
100
What are the four "principles" of Object-Oriented Programming?
Abstraction, Encapsulation , Inhereitance , Polymorphism
101
What is "abstraction"?
is a way to reduce complexity and allow efficient design and implementation in complex software systems
102
What does API stand for?
Application Programming Interface
103
What is the purpose of an API?
an API (application programming interface) simplifies programming by abstracting the underlying implementation and only exposing objects or actions the developer needs.
104
What is this in JavaScript?
always a reference to an object
105
What does it mean to say that this is an "implicit parameter"?
meaning that 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
106
When is the value of this determined in a function; call time or definition time?
call time
107
What does this refer to in the following code snippet?
character
108
Given the above character object, what is the result of the following code snippet? Why?
its a me Mario! because this is getting the objects first name
109
Given the above character object, what is the result of the following code snippet? Why?
It's-a-me, undefined! because this is trying to access the var hello's firstname property
110
How can you tell what the value of this will be for a particular function or method definition?
if you cannot see the function being called, then you do not know what the value of this will be.
111
How can you tell what the value of this is for a particular function or method call?
if there is no value to the left of the dot when the function is called, then by default, this will be the global window object.
112
What kind of inheritance does the JavaScript programming language use?
prototyoe-based
113
What is a prototype in JavaScript?
object that contains methods,strings arrays and numbers that can be used by others
114
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?
prototypes
115
If an object does not have it's own property or method by a given key, where does JavaScript look for it?
proto object
116
What does the new operator do?
The new operator lets developers create an instance of a user-defined object type or of one of the built-in object types that has a constructor function.
117
What property of JavaScript functions can store shared behavior for instances created with new?
prototype
118
What does the instanceof operator do?
The instanceof operator 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
119
What is a "callback" function?
A callback function is a function passed into another function as an argument, which is then invoked inside the outer function to complete some kind of routine or action.
120
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(function,delay) method
121
How can you set up a function to be called repeatedly without using a loop?
setInterval(function, delay) method
122
What is the default time delay if you omit the delay parameter from setTimeout() or setInterval()?
milliseconds (thousandths of a second)
123
What do setTimeout() and setInterval() return?
The returned intervalID is a numeric, non-zero value which identifies the timer created by the call to setInterval();
124
What is AJAX?
is a programming practice of building complex, dynamic webpages using a technology known as XMLHttpRequest.
125
What does the AJAX acronym stand for?
Asynchronous JavaScript And XML
126
Which object is built into the browser for making HTTP requests in JavaScript?
XMLHttpRequest (XHR)
127
What event is fired by XMLHttpRequest objects when they are finished loading the data from the server?
load
128
An XMLHttpRequest object has an addEventListener() method just like DOM elements. How is it possible that they both share this functionality?
This interface also inherits properties of XMLHttpRequestEventTarget and of EventTarget. // Property
