Webbprog Flashcards

(81 cards)

1
Q

Vilka datatyper har JS?

A

undefined, boolean, number, bigint, string, symbol
- structual type - object
- structual root - null

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Vad är typeof

A

en opertaion som returnerar en string som visar vilken type en operand eller function är av

  • typeof null === “object”
  • typeof function() {) === “function”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Vad menas med att JS är dynamically typed?

A
  • variabler kan byra typ under programmets gång utan att behöva deklarera typen, datatypen bestäms vid exekvering, inte vid deklaration
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Assignment i JS?

A

associerar namnet med new <value, type>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

när sker type conversion i js ?

A

endast när värdet användes inte när det tilldelas
tex: typeof Number(’42’) // ’number’

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

vad är type coercion ?

A

js konverterar autoamtiskt values när det behövs
tex- 3 + ’42’; // ’342’
3 == ’3’ // true

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

String are mutable or immutable ?

A

immutable

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Js with literals and qoutation marks

A

’single quotation mark’
* “double quotation mark”
* ‘string templates
can span multiple lines
and contain embedded expressions: 1+2=${1+2}‘

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What’s falsy

A

false, 0, null, “”,’’,``

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

vad gör chaining operation xxx. ?

A

access property eller kallar på en funktion, undefined om object är null eller undefined, inget error kastande

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

vilka 4 lika med operationer finns det ?

A
  1. abstract equality ==, !=
  2. Streict equality ===, !==
  3. Object.is()
  4. Same value - hanterar NaN
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Vad händer när man deklarerar en funktion

A

statemnet som skapar ett funktions objekt och en variabel med funktions namnet

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

exempel på en funktion som dubblar values från en array

A

const array1 = [1, 4, 9, 16];
const map1 = array1.map(function(x) { return x * 2 });

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

vad är default parameters?

A

parametrar som default har undefined om inget annat anges

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

vad är rest parameters?

A

samlar all rest arguments in i en array och måste nman ges i funktion signaturen

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

vad är arguments objektet i js?

A

array liknande objekt som innehåller alla argument passat från en funktion, sakanr array likande metoder

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

hur får man åtkomst till andra argumentet i en funktion med arugments objektet?

A

function foo(a, b, c) {
console.log(arguments[1]);
}
foo(1, 2, 3);

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

vad är en arrow funktion ?

A

compakt syntax för anonyma funktioer, har inte this, arguments eller super

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

skriv en arrow funktion som räknar ut en kvadraten av ett nummer

A

let sqr = x => x*x;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

vad är functions orienterad programmering i js?

A

js tillåter funktioner att skickas som argument, kan användas i methoder som filter, map och reduce

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

hur hade man chainat filter, map och reduce för en array ?

A

[1, 2, 3, 4, 5]
.filter(x => x % 2 === 0)
.map(x => x + 2)
.reduce((sum, x) => sum + x, 0);

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

vad är closure?

A

en funktion som kan använda variables från outer scope, även när yttre funktionen har slutat köras

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

vilka olika scopes finns det ?

A

function scope - var
block scope - let och const

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

exempel på closure

A

function foo() {
let cnt = 0;
return () => cnt++;
}
let idGenerator = foo();
console.log(idGenerator());

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
vad är function scope ?
variables deklarerade med var får scope inom funktionen eller globalt
25
vad är block scope?
variabler deklarerade med let eller const har bara scope i blocket de är deklarerade i som i ajva
26
vad är hoisting?
varaibler och funktioners deklaration flyttas till toppen av deras scope innan exekvering men initaliseringen sker på samma plats
27
ge ett hoisting exempel
function foo() { console.log(x); var x = 3; console.log(x); } foo();
28
vad är objekt definierade?
objekt har key to value parning, man kan accessa properties med . obj.prop eller obj['prop']
29
hur skapar man ett object literal ?
{prop: value} const myObj = {name: 'Per, age: 12}
30
hur skapar man ett objekt med en kosntruktor?
function Person(name, age) { this.name = name; this.age = age; } const per = new Person('Per', 30);
31
hur tar man bort property fårn ett objekt ?
delte myObj.propertyName
32
hur exporterar och importerar man moduler i js ?
// Export (my-module.js) export function cube(x) { return x * x * x; } // Import (some-code.js) import { cube } from './my-module.js';
33
vad hände rom man anger extra eller färre parametrar
koden förs ändå ingen error
34
vad är this ?
värdet på this beror på hur funktionen blir kallad,
35
hur gör man så att this referar till korrekt objekt i en metod
använd closure eller en arrow funktion för att behålla värdet på this
36
hur fungerar prototype based inheritance?
alla objekt ärver från ett annat obejt eller null, skapar en prototype chian
37
vad är properties ?
values kopplat till ett objekt let obj = { name: "Emily", age: 23 }; console.log(obj.name); // Accessing property
38
vad är protoype?
objekt ärver features från en annan. varje objekt har prototype,. objekt kan dela metoder genom deras prootype function Person(name) { this.name = name; } Person.prototype.greet = function() { console.log("Hello, " + this.name); }; let emily = new Person("Emily"); emily.greet(); // Inherited method from prototype
39
vad gör Object.create() ?
skapar ett nytt objekt med specifierad protoype
40
vad är ... ?
spread operator expands array or objekt let arr = [1, 2, 3]; let newArr = [...arr, 4, 5]; // [1, 2, 3, 4, 5]
41
vad är en statisk web page?
sida som inte kan byta content dynamiskt, visas såsom den är från servern
42
vad är en dynamisk web page?
kan ändra content dynamiskt, använder server och client side sscripting
43
vad är basic structure of HTML ?
Page Title

Hello World

44
namnge semantic HTML tags

,

,

45
namnge non semantic tags
,
46
common attributes i HTMlL ?
id, class, href, src, alt, title, style
47
HTMl form elements ?
A:
, ,