JavaScript Flashcards
1
Q
What is the purpose of variables?
A
Storing values under a specific name and stores data to be called upon when needed
2
Q
How do you declare a variable?
A
Creating the variable with the keywords let const or var and giving it a name
3
Q
How do you initialize (assign a value to) a variable?
A
Using the assignment operator(=) giving the variable a value
4
Q
What characters are allowed in variable names?
A
Letter dollar sign or underscore, can’t start with numbers
5
Q
What does it mean to say that variable names are “case sensitive”?
A
That variables name like score and Score are different variable names
6
Q
What is the purpose of a string?
A
Storing a set of characters.
7
Q
What is the purpose of a number?
A
handles numeric data types for mathematical operations
8
Q
What is the purpose of a boolean?
A
Denote true or false, represents is or isn’t. Make decisions.
9
Q
What does the = operator mean in JavaScript?
A
It means a variable is being assigned to a value.
10
Q
How do you update the value of a variable?
A
You must assign the variable a new value, and not use the keyword since the variable already exists. var is only used for the first time.
11
Q
What is the difference between null and undefined?
A
null is assigned by the developer purposefully! and means it does not exist. undefined is assigned by the browser and free to use.
12
Q
Why is it a good habit to include “labels” when you log values to the browser console?
A
Labels describe the value or variable being logged, makes it clear what your working when you come back to the code
13
Q
Give five examples of JavaScript primitives.
A
Boolean, int, string, null, undefined
14
Q
What data type is returned by an arithmetic operation?
A
number
15
Q
What is string concatenation?
A
Combines two string values together using the add operator, never changes the original makes a new string.
16
Q
What purpose(s) does the + plus operator serve in JavaScript?
A
summing numerical data or concantenation
17
Q
What data type is returned by comparing two values (<, >, ===, etc)?
A
Booleans, true or false
18
Q
What does the += “plus-equals” operator do?
A
Adds the right operand to the variable and assigns the new value to the variable.
19
Q
What are objects used for?
A
To group together a set of variables and function
20
Q
What are object properties?
A
A variable that is inside of an object
21
Q
Describe object literal notation.
A
Var name assignment operator(=) { ((object literal)
Properties and values seperates by : and commas separating those
};
22
Q
How do you remove a property from an object?
A
Delete variablename.nameofproperty
23
Q
What are the two ways to get or update the value of a property?
A
Variablename followed by period variable.propertyname or variablename[‘property’]
24
Q
What are arrays used for?
A
to store a list of values as a variable that are USUALLY alike, and iterate through them one ate a time if needed
25
Describe array literal notation.
var name = ['string', false, 3132];
26
How are arrays different from "plain" objects?
arrays are a special type of object. they have key value pairs like normal objects but the key for each value in an array is its index number. you can also know the number of pieces of data with array.length. also can add additional information with the push method
27
What number represents the first index of an array?
0
28
What is the length property of an array?
the number of items in the array array.length
29
How do you calculate the last index of an array?
var lastIndex= arrayname.length - 1
arrayname[lastindex]
30
how does one acesss an array in an object
nameofarray. propertyname.arrayname[index position]
| cost. rooms1.items[0]
31
how does one access an object in an array
costs[2].propertyname
could also be costs[2].products[0.author
32
What is a function in JavaScript?
a block of code that is named and accomplishes a task
33
Describe the parts of a function definition.
function keyword, optional name (parameter list with optional parameters) {
optional return statement
}
34
Describe the parts of a function call.
function name ( arguments optional ) invoked by the parantheses.
35
When comparing them side-by-side, what are the differences between a function call and a function definition?
function definition is the defining the code and the keyword and calling it is to actually run the code block in the defintion with parentheses and arguments
36
What is the difference between a parameter and an argument?
a parameter is placeholder in a function definition, an argument is what a function is called with
37
Why are function parameters useful?
parameters gives us muteability (ability to change) the function.
38
What two effects does a return statement have on the behavior of a function?
it exits the code block and also produces a value we can use in our program
39
Why do we log things to the console?
so that we can check our returned value, debugging tool
40
What is a method?
a method is a function that is a property of an object
41
How is a method different from any other function?
methods are associated with objects, functions are not
42
How do you remove the last element from an array?
.pop() removes the last element and returns it
43
How do you round a number down to the nearest integer?
math.floor() returns nearest integer that is less than or equal to given number
44
How do you generate a random number?
Math.random()
45
How do you delete an element from an array?
splice(index position, number of items)
46
How do you append an element to an array?
push() adds the elements to the end of an array
47
How do you break a string up into an array?
split()
48
Do string methods change the original string? How would you check if you weren't sure?
No they do not, console.log(stringname) strings are immutable
49
Roughly how many string methods are there according to the MDN Web docs?
a lot
50
Is the return value of a function or method useful in every situation?
no example pop method
51
Roughly how many array methods are there according to the MDN Web docs?
a lot
52
What three-letter acronym should you always include in your Google search about a JavaScript method or CSS property?
MDN
53
Give 6 examples of comparison operators.
===, >, <, >=, <=, !=
54
What data type do comparison expressions evaluate to?
booleans. true and false
55
What is the purpose of an if statement?
to check a condition true or false whether to run a certain code block
56
Is else required in order to use an if statement?
no it is not
57
Describe the syntax (structure) of an if statement
```
if keyword ( condition ) {
code block
}
```
58
What are the three logical operators?
&& and, !! or !not
59
How do you compare two different expressions in the same condition?
logical operators || &&
60
What is the purpose of a loop?
offer. a quick way to do something repeatedly, repeat functionality
61
What is the purpose of a condition expression in a loop?
a conditional expression in a loop signifies a decision to either execute the code block if condition is met or stop
62
for loop parts
inital expression, conditional statement,
code block
final expression
63
What does "iteration" mean in the context of loops?
each time the code inside the block is run
64
When does the condition expression of a while loop get evaluated?
before it executes the code block
65
When does the initialization expression of a for loop get evaluated?
before anything, one time
66
When does the condition expression of a for loop get evaluated?
after the initialization, before the code block, and after the final expression
67
When does the final expression of a for loop get evaluated?
after the code block executes and before the condition runs again
68
Besides a return statement, which exits its entire function block, which keyword
break;
69
What does the ++ increment operator do?
incremenes by 1 and adds it to the variable and reassigns to the variable
70
How do you iterate through the keys of an object?
for in loop
71
Why do we log things to the console?
to debug, and check values
72
What is a "model"?
a framework or representation of something
73
Which "document" is being referred to in the phrase Document Object Model?
the html document
74
What is the word "object" referring to in the phrase Document Object Model?
javascript object that is modeling the html documents content
75
What is a DOM Tree?
all the info necessary to describe an element and its content
div which branches to children, and there child content
76
Give two examples of document methods that retrieve a single element from the DOM.
querySelector() and getElementById
77
Give one example of a document method that retrieves multiple elements from the DOM at once.
querySelectorAll() getElementsByClassName
78
Why might you want to assign the return value of a DOM query to a variable?
so that you can save that reference to the object in the dom tree for multiple uses
reference to the object in the dom tree is an element
79
What console method allows you to inspect the properties of a DOM element object?
console.dir
80
Why would a script tag need to be placed at the bottom of the HTML content instead of at the top?
it needs to parse all the data before javascript code can access them
81
What does document.querySelector() take as its argument and what does it return?
it takes a string of css selector, and returns the first matching element
82
What does document.querySelectorAll() take as its argument and what does it return?
takes a string of css selector and returns all matching elements
83
Why do we log things to the console?
to check the value and debug
84
What is the purpose of events and event handling?
Events are signals fired inside the browser window that notify of changes in the browser or operating system environment. event handling allows things to happen in response to that event occurring, interactivity
85
Are all possible parameters required to use a JavaScript method or function?
no parameters are optional
86
What method of element objects lets you set up a function to be called when a specific type of event occurs?
addEventListener
87
What is a callback function?
a function passed as an arguement to another function
88
What object is passed into an event listener callback when the event fires?
the event object which holds alll the detailed information about the event
89
What is the event.target? If you weren't sure, how would you check? Where could you get more information about it?
reference onto the target in which the event was dispatched. console.log it.
90
What is the difference between these two snippets of code?
element. addEventListener('click', handleClick)
element. addEventListener('click', handleClick())
first one happens when an event occurs, other happens when the page loads
91
What is the className property of element objects?
```
contains the current className proprety of the element. The className property of the Element interface gets and sets the value of the class attribute of the specified element
you can set a different value
```
92
How do you update the CSS class attribute of an element using JavaScript?
.className property
93
What is the textContent property of element objects?
all text hidden or not of the dom element
94
How do you update the text within an element using JavaScript?
query.text content = new value.
95
Is the event parameter of an event listener callback always useful?
no not always
96
Would this assignment be simpler or more complicated if we didn't use a variable to keep track of the number of clicks?m
more complicated
97
Why is storing information about a program in variables better than only storing it in the DOM?
they are in the same language you are working with.
98
What event is fired when a user places their cursor in a form control?
focus event
99
What event is fired when a user's cursor leaves a form control?
blur
100
What event is fired as a user changes the value of a form control?
input
101
What event is fired when a user clicks the "submit" button within a ?
submit triggers event, the event is fired on the form.
always present and at the top for submit event listeners
prevent default
102
What does the event.preventDefault() method do?
prevents default action from happening
always present and at the top for submit event listeners
103
What does submitting a form without event.preventDefault() do?
reloads the page
104
What property of a form element object contains all of the form's controls.
elements
105
What property of a form control object gets and sets its value?
value
106
What is one risk of writing a lot of code without checking to see if it works so far?
u don't know which line of code in that block is wrong or if there are multiple issues
107
What is an advantage of having your console open when writing a JavaScript program?
you get to see errors quickly, keep track in real time
108
Does the document.createElement() method insert a new element into the page?
No it just creates the element node is not yet apart of the dom tree.
109
How do you add an element as a child to another element?
parentelement.appendchild(childelement)
110
What do you pass as the arguments to the element.setAttribute() method?
the arguements are the attribute name and value
111
What steps do you need to take in order to insert a new element into the page?
create element , configure, you must append the child elements to its parent element. create a reference to where to attach it too, query selector.
112
What is the textContent property of an element object for?
so you can change or get all the text properties of an object
113
Name two ways to set the class attribute of a DOM element.
setAttribute, element.className
114
What are two advantages of defining a function to create something (like the work of creating a DOM tree)?
multi-use, future use.
115
Give two examples of media features that you can query in an @media rule.
min width max-width
116
Which HTML meta tag is used in mobile-responsive web pages?
html viewport
117
What is the event.target?
its where the event is originated from
118
Why is it possible to listen for events on one element that actually happen its descendent elements?
through the concept of bubbling, event starts at a specific node at flows outward to the least specific nodes
119
What DOM element property tells you what type of element it is?
tagName
120
What does the element.closest() method take as its argument and what does it return?
event.target.closest(selector) closest selector ancestor element opposite of query selector
this method traverses the element and finds a node that matches the css selector that is passed as an arguement.
the return is the closest ancestor element.
121
How can you remove an element from the DOM?
element.remove();
122
If you wanted to insert new clickable DOM elements into the page using JavaScript, how could you avoid adding an event listener to every new element individually?
add that event listener to the parent element to see if the target.event && event.target.tagName == 'ELEMENT'
123
What is the event.target?
event.target is where the event is fired at.
124
What is the affect of setting an element to display: none?
removes the element from the document flow
125
What does the element.matches() method take as an argument and what does it return?
the css selector as a string, it returns the appropriate boolean if it matches the selector
126
How can you retrieve the value of an element's attribute?
getAttribute method arguement = string of the name of the attribute
127
At what steps of the solution would it be helpful to log things to the console?
to check the value of different variables, any step
128
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?
u would have to make an event listner specifically for that tab?
129
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?
huge conditional block
130
What is JSON?
short for javascript object notation. text based format following object syntax that is a string.
131
What are serialization and deserialization?
serialization is the data turned into a serialized string of bytes, all in the same location. deserialization is taking those localized string of bytes and bringing back the complexities.
dog -> object {name:elly , age: 16} -> 01010101010 ------- 01010101010 -> object {name:elly , age: 16} -> dog
132
Why are serialization and deserialization useful?
you can store objects into memory which is then stored in disks or sent over a network.
133
How do you serialize a data structure into a JSON string using JavaScript?
json.stringify(object)
134
How do you deserialize a JSON string into a data structure using JavaScript?
json.parse(jsonobject)
135
How do you store data in localStorage?
localstorage.setItem(property name, property value)
136
How do you retrieve data from localStorage?
getItem('property name')
137
What data type can localStorage save in the browser?
strings
138
When does the 'beforeunload' event fire on the window object?
when u close a tab/refresh tab close/crash browser, everything about to close
139
What is a method?
a method is a function that is a property of an object
140
How can you tell the difference between a method definition and a method call?
a method definition will have the code block and parameters property name : function keyword
141
Describe method definition syntax (structure).
```
var obj = {
property name: function () {
code block
}
```
142
Describe method call syntax (structure).
objectname.methodName(arguements)
143
How is a method different from any other function?
it is associated with an object.
144
What is the defining characteristic of Object-Oriented Programming?
objects can contain both data (as properties) and behavior (as methods). shared environment
145
What are the four "principles" of Object-Oriented Programming?
Abstraction
Encapsulation
Inheritance
Polymorphism
146
What is "abstraction"?
The most important part of the term "abstraction" boils down to being able to work with (possibly) complex things in simple ways
147
What does API stand for?
Application Programming Interfaces (APIs) are constructs made available in programming languages to allow developers to create complex functionality more easily. They abstract more complex code away from you, providing some easier syntax to use in its place.
148
What is the purpose of an API?
They abstract more complex code away from you, providing some easier syntax to use in its place.
149
What is this in JavaScript
implicit parameter allows us to view the object from when it is being invoked.
the value of this is determined when the function is called, not when it is defined.
150
What does it mean to say that this is an "implicit parameter"?
it exists without having to be declared on included in the paramter list.
151
When is the value of this determined in a function; call time or definition time?
call time
152
```
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, has not been called yet.
153
Given the above character object, what is the result of the following code snippet? Why?
character.greet();
its a me mario because greet is being invoked
154
```
Given the above character object, what is the result of the following code snippet? Why?
var hello = character.greet;
hello();
```
its a me, undefined!
no dot to the left , object = window. firstname property on window does not exist.
155
How can you tell what the value of this will be for a particular function or method definition?
can't guarantee the value of this will be in a definition
156
How can you tell what the value of this is for a particular function or method call?
whatever is left of the dot, if no dot global scope, window object.
157
What kind of inheritance does the JavaScript programming language use?
prototypal inheritance. Javascript objects give certain behavors (methods) or data(properties) to other objects.
158
What is a prototype in JavaScript?
prototypes are the mechanism by which JavaScript objects inherit features from one another.
159
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?
by assigning them a prototype that has those methods
160
If an object does not have it's own property or method by a given key, where does JavaScript look for it?
in its prototype. nearest prototypal chain down the line.
161
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.
creates a new object.
value of prototype property and make that property a new property on the object called __proto__.
executes function with arguements.
it returns the object.
Creating an object with a user-defined constructor function requires two steps
1. Define the object type by writing a function that specifies its name and properties. For example, a constructor function to create an object Foo might look like this:
2. Create an instance of the object with new
162
What property of JavaScript functions can store shared behavior for instances created with new?
prototype.
163
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.
This usually means object was constructed with constructor.
164
What is a "callback" function?
a function that you call at some point in the future.
165
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
| or setInterval
166
How can you set up a function to be called repeatedly without using a loop?
set Interval
167
What is the default time delay if you omit the delay parameter from setTimeout() or setInterval()?
0, gets put into the queue immediately, will happen immediately if there is nothing else to do
168
What do setTimeout() and setInterval() return?
set timeout returns a timeoutID which is a positive integer value which identifies the timer created by the call to setTimeout().
setInterval returns a intervalID which is 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.
169
difference between settimeout and setinterval
setTimeout() is one time, setInterval is multiple times
170
What does the AJAX acronym stand for?
Asynchronous JavaScript and XML
171
What is AJAX?
group of technologies that offer asynchronous functionality to the browser.
172
Which object is built into the browser for making HTTP requests in JavaScript?
XMLHttpRequest object
173
What event is fired by XMLHttpRequest objects when they are finished loading the data from the server?
load
174
Bonus Question: An XMLHttpRequest object has an addEventListener() method just like DOM elements. How is it possible that they both share this functionality?
prototypal inheritance
