You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Arrow functions are not just a "shorthand" for writing small stuff. They have some very specific and useful features.
5
+
Arrow funktioner er ikke bare en "shorthand" for at skrive kode der fylder lidt. De har nogle meget specifikke og nyttige features.
6
6
7
-
JavaScript is full of situations where we need to write a small function that's executed somewhere else.
7
+
JavaScript er fuld af situationer hvor vi skal skrive en lille funktion, som skal køres et andet sted.
8
8
9
-
For instance:
9
+
For eksempel:
10
10
11
-
-`arr.forEach(func)` -- `func`is executed by `forEach` for every array item.
12
-
-`setTimeout(func)` -- `func`is executed by the built-in scheduler.
13
-
- ...there are more.
11
+
-`arr.forEach(func)` -- `func`kaldes af `forEach` for hvert element i arrayet.
12
+
-`setTimeout(func)` -- `func`kaldes af den indbyggede planlægger.
13
+
- ...der er flere.
14
14
15
-
It's in the very spirit of JavaScript to create a function and pass it somewhere.
15
+
Det ligger i JavaScript's ånd at oprette funktioner og give dem videre til andre.
16
16
17
-
And in such functions we usually don't want to leave the current context. That's where arrow functions come in handy.
17
+
Og i sådanne funktioner ønsker vi normalt ikke at forlade den nuværende kontekst. Det er hvor arrow funktioner kommer ind i spil.
18
18
19
-
## Arrow functions have no "this"
19
+
## Arrow funktioner har ingen "this"
20
20
21
-
As we remember from the chapter <info:object-methods>, arrow functions do not have `this`. If`this`is accessed, it is taken from the outside.
21
+
Som vi husker fra kapitlet <info:object-methods>, har arrow funktioner ingen `this`. Hvis`this`tilgås, tages det fra det ydre område.
22
22
23
-
For instance, we can use it to iterate inside an object method:
23
+
For eksempel kan vi bruge det til at iterere inde i en objektmetode:
24
24
25
25
```js run
26
26
let group = {
27
-
title:"Our Group",
28
-
students: ["John", "Pete", "Alice"],
27
+
title:"Vores gruppe",
28
+
students: ["Martin", "Pia", "Hanne"],
29
29
30
30
showList() {
31
31
*!*
@@ -39,14 +39,14 @@ let group = {
39
39
group.showList();
40
40
```
41
41
42
-
Here in`forEach`, the arrow function is used, so `this.title`in it is exactly the same as in the outer method`showList`. That is: `group.title`.
42
+
Her i`forEach` bliver arrow funktionen brugt så `this.title`i den er præcist den samme som i den ydre metode`showList` ... som er: `group.title`.
43
43
44
-
If we used a "regular" function, there would be an error:
44
+
Hvis vi brugte en "regulær" funktion ville vi få en fejl:
45
45
46
46
```js run
47
47
let group = {
48
-
title:"Our Group",
49
-
students: ["John", "Pete", "Alice"],
48
+
title:"Vores gruppe",
49
+
students: ["Martin", "Pia", "Hanne"],
50
50
51
51
showList() {
52
52
*!*
@@ -61,28 +61,28 @@ let group = {
61
61
group.showList();
62
62
```
63
63
64
-
The error occurs because `forEach`runs functions with`this=undefined`by default, so the attempt to access`undefined.title` is made.
64
+
Fejlen sker fordi `forEach`kører funktioner med`this=undefined`som standard så den prøver at tilgå`undefined.title`.
65
65
66
-
That doesn't affect arrow functions, because they just don't have`this`.
66
+
Det sker ikke med arrow funktioner fordi de ikke har noget eget`this`.
67
67
68
-
```warn header="Arrow functions can't run with`new`"
69
-
Not having `this`naturally means another limitation: arrow functions can't be used as constructors. They can't be called with`new`.
68
+
```warn header="Arrow funktioner kan ikke køre med`new`"
69
+
Det, ikke at have eget `this`giver selvfølgelig også nogle begrænsninger: arrow funktioner kan ikke bruges som konstruktører (constructors). De kan ikke kaldes med`new`.
70
70
```
71
71
72
-
```smart header="Arrow functions VS bind"
73
-
There's a subtle difference between an arrow function `=>` and a regular function called with `.bind(this)`:
72
+
```smart header="Arrow funktioner VS bind"
73
+
Der er en lille forskel mellem en arrow funktion `=>` og en regulær funktion kaldt med `.bind(this)`:
74
74
75
-
- `.bind(this)` creates a "bound version" of the function.
76
-
- The arrow `=>` doesn't create any binding. The function simply doesn't have `this`. The lookup of `this` is made exactly the same way as a regular variable search: in the outer lexical environment.
75
+
- `.bind(this)` skaber en "bundet version" af funktionen.
76
+
- arrow `=>` skaber ingen binding. Funktionen har simpelthen ikke noget `this`. Et opslag af `this` udføres på præcis samme måde som en hver anden opslag til variable: i dens ydre leksikale miljø.
77
77
```
78
78
79
-
## Arrows have no "arguments"
79
+
## Arrows har ingen "arguments"
80
80
81
-
Arrow functions also have no `arguments` variable.
81
+
Arrow funktioner har heller ikke variablen `arguments`.
82
82
83
-
That's great for decorators, when we need to forward a call with the current `this`and`arguments`.
83
+
Det er perfekt for decorators når vi skal videresende et kald med det aktuelle `this`og`arguments`.
84
84
85
-
For instance, `defer(f, ms)`gets a function and returns a wrapper around it that delays the call by `ms`milliseconds:
85
+
FFor eksempel modtager `defer(f, ms)`en funktion og returnerer en wrapper der forsinker kaldet til funktionen med `ms`millisekunder:
86
86
87
87
```js run
88
88
functiondefer(f, ms) {
@@ -92,14 +92,14 @@ function defer(f, ms) {
92
92
}
93
93
94
94
functionsayHi(who) {
95
-
alert('Hello,'+ who);
95
+
alert('Hej'+ who);
96
96
}
97
97
98
98
let sayHiDeferred =defer(sayHi, 2000);
99
-
sayHiDeferred("John"); //Hello, John after 2 seconds
99
+
sayHiDeferred("Karsten"); //Hej, Karsten efter 2 sekunder
100
100
```
101
101
102
-
The same without an arrow function would look like:
102
+
Det samme uden arrow funktion vil se således ud:
103
103
104
104
```js
105
105
functiondefer(f, ms) {
@@ -112,15 +112,15 @@ function defer(f, ms) {
112
112
}
113
113
```
114
114
115
-
Here we had to create additional variables `args`and`ctx` so that the function inside `setTimeout`could take them.
115
+
Her er vi nødt til at oprette yderligere variable (`args`og`ctx`) så funktionen inde i `setTimeout`kan modtage dem.
116
116
117
-
## Summary
117
+
## Opsummering
118
118
119
-
Arrow functions:
119
+
Arrow funktioner:
120
120
121
-
-Do not have`this`
122
-
-Do not have`arguments`
123
-
-Can't be called with`new`
124
-
-They also don't have `super`, but we didn't study it yet. We will on the chapter<info:class-inheritance>
121
+
-Har ikke noget`this`
122
+
-Har ikke variablen`arguments`
123
+
-Kan ikke kaldes med`new`
124
+
-De har heller ikke nogen `super`, men det har vi ikke set på endnu. Det gør vi i kapitlet<info:class-inheritance>
125
125
126
-
That's because they are meant for short pieces of code that do not have their own "context", but rather work in the current one. And they really shine in that use case.
126
+
Det er fordi de er beregnet til mindre kodestykker der ikke arbejder med egen kontekst men beror på den aktuelle under afvikling. Og det er de til gengæld virkelig gode til.
0 commit comments