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
Copy file name to clipboardexpand all lines: 1-js/01-getting-started/1-intro/article.md
+6-1
Original file line number
Diff line number
Diff line change
@@ -41,8 +41,13 @@ Engines are complicated. But the basics are easy.
41
41
2. Then it converts ("compiles") the script to the machine language.
42
42
3. And then the machine code runs, pretty fast.
43
43
44
+
<<<<<<< HEAD
44
45
The engine applies optimizations at each step of the process. It even watches the compiled script as it runs, analyzes the data that flows through it, and applies optimizations to the machine code based on that knowledge. When it's done, scripts run quite fast.
45
46
'''
47
+
=======
48
+
The engine applies optimizations at each step of the process. It even watches the compiled script as it runs, analyzes the data that flows through it, and further optimizes the machine code based on that knowledge.
49
+
```
50
+
>>>>>>> fcfef6a07842ed56144e04a80c3a24de049a952a
46
51
47
52
## What can in-browser JavaScript do?
48
53
@@ -66,7 +71,7 @@ JavaScript's abilities in the browser are limited for the sake of the user's saf
66
71
67
72
Examples of such restrictions include:
68
73
69
-
- JavaScript on a webpage may not read/write arbitrary files on the hard disk, copy them or execute programs. It has no direct access to OS system functions.
74
+
- JavaScript on a webpage may not read/write arbitrary files on the hard disk, copy them or execute programs. It has no direct access to OS functions.
70
75
71
76
Modern browsers allow it to work with files, but the access is limited and only provided if the user does certain actions, like "dropping" a file into a browser window or selecting it via an '<input>' tag.
Copy file name to clipboardexpand all lines: 1-js/01-getting-started/4-devtools/article.md
+5
Original file line number
Diff line number
Diff line change
@@ -33,6 +33,11 @@
33
33
34
34
Τώρα μπορούμε να δούμε λάθη, και αυτό είναι αρκετό για μια αρχή. Θα επιστρέψουμε αργότερα στα developer tools και θα καλύψουμε λεπτομερέστερα το σφάλμα στο κεφάλαιο <info:debugging-chrome>.
35
35
36
+
```smart header="Multi-line input"
37
+
Usually, when we put a line of code into the console, and then press `key:Enter`, it executes.
38
+
39
+
To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code.
Copy file name to clipboardexpand all lines: 1-js/02-first-steps/02-structure/article.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -94,7 +94,7 @@ But it should be two separate statements, not one. Such a merging in this case i
94
94
95
95
We recommend putting semicolons between statements even if they are separated by newlines. This rule is widely adopted by the community. Let's note once again -- *it is possible* to leave out semicolons most of the time. But it's safer -- especially for a beginner -- to use them.
96
96
97
-
## Comments
97
+
## Comments[#code-comments]
98
98
99
99
As time goes on, programs become more and more complex. It becomes necessary to add *comments* which describe what the code does and why.
100
100
@@ -136,7 +136,7 @@ alert('World');
136
136
```
137
137
138
138
```smart header="Use hotkeys!"
139
-
In most editors, a line of code can be commented out by pressing the `key:Ctrl+/` hotkey for a single-line comment and something like `key:Ctrl+Shift+/` -- for multiline comments (select a piece of code and press the hotkey). For Mac, try `key:Cmd` instead of `key:Ctrl`.
139
+
In most editors, a line of code can be commented out by pressing the `key:Ctrl+/` hotkey for a single-line comment and something like `key:Ctrl+Shift+/` -- for multiline comments (select a piece of code and press the hotkey). For Mac, try `key:Cmd` instead of `key:Ctrl` and `key:Option` instead of `key:Shift`.
140
140
```
141
141
142
142
````warn header="Nested comments are not supported!"
Copy file name to clipboardexpand all lines: 1-js/02-first-steps/05-types/article.md
+31-10
Original file line number
Diff line number
Diff line change
@@ -10,9 +10,9 @@ message = 123456;
10
10
11
11
Programming languages that allow such things are called "dynamically typed", meaning that there are data types, but variables are not bound to any of them.
12
12
13
-
There are seven basic data types in JavaScript. Here, we'll cover them in general and in the next chapters we'll talk about each of them in detail.
13
+
There are eight basic data types in JavaScript. Here, we'll cover them in general and in the next chapters we'll talk about each of them in detail.
14
14
15
-
## A number
15
+
## Number
16
16
17
17
```js
18
18
let n =123;
@@ -62,14 +62,33 @@ Special numeric values formally belong to the "number" type. Of course they are
62
62
63
63
We'll see more about working with numbers in the chapter <info:number>.
64
64
65
-
## A string
65
+
## BigInt
66
+
67
+
In JavaScript, the "number" type cannot represent integer values larger than <code>2<sup>53</sup></code> (or less than <code>-2<sup>53</sup></code> for negatives), that's a technical limitation caused by their internal representation. That's about 16 decimal digits, so for most purposes the limitation isn't a problem, but sometimes we need really big numbers, e.g. for cryptography or microsecond-precision timestamps.
68
+
69
+
`BigInt` type was recently added to the language to represent integers of arbitrary length.
70
+
71
+
A `BigInt` is created by appending `n` to the end of an integer literal:
@@ -223,12 +244,12 @@ The last three lines may need additional explanation:
223
244
2. The result of `typeof null` is `"object"`. That's wrong. It is an officially recognized error in `typeof`, kept for compatibility. Of course, `null` is not an object. It is a special value with a separate type of its own. So, again, this is an error in the language.
224
245
3. The result of `typeof alert` is `"function"`, because `alert` is a function. We'll study functions in the next chapters where we'll also see that there's no special "function" type in JavaScript. Functions belong to the object type. But `typeof` treats them differently, returning `"function"`. That's not quite correct, but very convenient in practice.
225
246
226
-
227
247
## Summary
228
248
229
-
There are 7 basic data types in JavaScript.
249
+
There are 8 basic data types in JavaScript.
230
250
231
-
-`number` for numbers of any kind: integer or floating-point.
251
+
-`number` for numbers of any kind: integer or floating-point, integers are limited by ±2<sup>53</sup>.
252
+
-`bigint` is for integer numbers of arbitrary length.
232
253
-`string` for strings. A string may have one or more characters, there's no separate single-character type.
233
254
-`boolean` for `true`/`false`.
234
255
-`null` for unknown values -- a standalone type that has a single value `null`.
Σχεδόν όλες οι Μαθηματικές πράξεις μετατρέπουν τιμές σε αριθμούς. Μια ξεχωριστή εξαίρεση είναι ο τελεστής `+`. Έαν μία από τις προστιθέμενες τιμές είναι μια συμβολοσειρά, τότε και η άλλη μετατρέπεται σε συμβολοσειρά.
Copy file name to clipboardexpand all lines: 1-js/02-first-steps/07-operators/article.md
+5-5
Original file line number
Diff line number
Diff line change
@@ -138,17 +138,17 @@ Here's an extract from the [precedence table](https://developer.mozilla.org/en/J
138
138
| Precedence | Name | Sign |
139
139
|------------|------|------|
140
140
|...|...|...|
141
-
|16| unary plus |`+`|
142
-
|16| unary negation |`-`|
143
-
|14| multiplication |`*`|
144
-
|14| division |`/`|
141
+
|17| unary plus |`+`|
142
+
|17| unary negation |`-`|
143
+
|15| multiplication |`*`|
144
+
|15| division |`/`|
145
145
|13| addition |`+`|
146
146
|13| subtraction |`-`|
147
147
|...|...|...|
148
148
|3| assignment |`=`|
149
149
|...|...|...|
150
150
151
-
As we can see, the "unary plus" has a priority of`16` which is higher than the `13`of"addition" (binary plus). That's why, in the expression `"+apples + +oranges"`, unary pluses work before the addition.
151
+
As we can see, the "unary plus" has a priority of`17` which is higher than the `13`of"addition" (binary plus). That's why, in the expression `"+apples + +oranges"`, unary pluses work before the addition.
A loop that shows odd values could look like this:
258
258
259
-
```js
259
+
```js run
260
260
for (let i =0; i <10; i++) {
261
261
262
262
if (i %2) {
@@ -268,7 +268,7 @@ for (let i = 0; i < 10; i++) {
268
268
269
269
From a technical point of view, this is identical to the example above. Surely, we can just wrap the code in an `if` block instead of using `continue`.
270
270
271
-
But as a side-effect, this created one more level of nesting (the `alert` call inside the curly braces). If the code inside of`if` is longer than a few lines, that may decrease the overall readability.
271
+
But as a side-effect, this created one more level of nesting (the `alert` call inside the curly braces). If the code inside of`if` is longer than a few lines, that may decrease the overall readability.
272
272
````
273
273
274
274
````warn header="No `break/continue` to the right side of '?'"
Copy file name to clipboardexpand all lines: 1-js/02-first-steps/15-function-expressions/article.md
+1-107
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,4 @@
1
-
# Function expressions and arrows
1
+
# Function expressions
2
2
3
3
In JavaScript, a function is not a "magical language structure", but a special kind of value.
4
4
@@ -355,107 +355,6 @@ That's also better for readability, as it's easier to look up `function f(…) {
355
355
...But if a Function Declaration does not suit us for some reason, or we need a conditional declaration (we've just seen an example), then Function Expression should be used.
356
356
```
357
357
358
-
359
-
## Arrow functions [#arrow-functions]
360
-
361
-
There's one more very simple and concise syntax for creating functions, that's often better than Function Expressions. It's called "arrow functions", because it looks like this:
362
-
363
-
364
-
```js
365
-
letfunc= (arg1, arg2, ...argN) => expression
366
-
```
367
-
368
-
...This creates a function `func` that has arguments `arg1..argN`, evaluates the `expression` on the right side with their use and returns its result.
369
-
370
-
In other words, it's roughly the same as:
371
-
372
-
```js
373
-
letfunc=function(arg1, arg2, ...argN) {
374
-
return expression;
375
-
};
376
-
```
377
-
378
-
...But much more concise.
379
-
380
-
Let's see an example:
381
-
382
-
```js run
383
-
letsum= (a, b) => a + b;
384
-
385
-
/* The arrow function is a shorter form of:
386
-
387
-
let sum = function(a, b) {
388
-
return a + b;
389
-
};
390
-
*/
391
-
392
-
alert( sum(1, 2) ); // 3
393
-
394
-
```
395
-
396
-
If we have only one argument, then parentheses around parameters can be omitted, making that even shorter:
397
-
398
-
```js run
399
-
// same as
400
-
// let double = function(n) { return n * 2 }
401
-
*!*
402
-
letdouble=n=> n *2;
403
-
*/!*
404
-
405
-
alert( double(3) ); // 6
406
-
```
407
-
408
-
If there are no arguments, parentheses should be empty (but they should be present):
409
-
410
-
```js run
411
-
letsayHi= () =>alert("Hello!");
412
-
413
-
sayHi();
414
-
```
415
-
416
-
Arrow functions can be used in the same way as Function Expressions.
417
-
418
-
For instance, here's the rewritten example with `welcome()`:
419
-
420
-
```js run
421
-
let age =prompt("What is your age?", 18);
422
-
423
-
let welcome = (age <18) ?
424
-
() =>alert('Hello') :
425
-
() =>alert("Greetings!");
426
-
427
-
welcome(); // ok now
428
-
```
429
-
430
-
Arrow functions may appear unfamiliar and not very readable at first, but that quickly changes as the eyes get used to the structure.
431
-
432
-
They are very convenient for simple one-line actions, when we're just too lazy to write many words.
433
-
434
-
```smart header="Multiline arrow functions"
435
-
436
-
The examples above took arguments from the left of `=>` and evaluated the right-side expression with them.
437
-
438
-
Sometimes we need something a little bit more complex, like multiple expressions or statements. It is also possible, but we should enclose them in curly braces. Then use a normal `return` within them.
439
-
440
-
Like this:
441
-
442
-
```js run
443
-
let sum = (a, b) => { // the curly brace opens a multiline function
444
-
let result = a + b;
445
-
*!*
446
-
return result; // if we use curly braces, use return to get results
447
-
*/!*
448
-
};
449
-
450
-
alert( sum(1, 2) ); // 3
451
-
```
452
-
453
-
```smart header="More to come"
454
-
Here we praised arrow functions for brevity. But that's not all! Arrow functions have other interesting features. We'll return to them later in the chapter <info:arrow-functions>.
455
-
456
-
For now, we can already use arrow functions for one-line actions and callbacks.
457
-
```
458
-
459
358
## Summary
460
359
461
360
- Functions are values. They can be assigned, copied or declared in any place of the code.
@@ -467,8 +366,3 @@ For now, we can already use arrow functions for one-line actions and callbacks.
467
366
In most cases when we need to declare a function, a Function Declaration is preferable, because it is visible prior to the declaration itself. That gives us more flexibility in code organization, and is usually more readable.
468
367
469
368
So we should use a Function Expression only when a Function Declaration is not fit for the task. We've seen a couple of examples of that in this chapter, and will see more in the future.
470
-
471
-
Arrow functions are handy for one-liners. They come in two flavors:
472
-
473
-
1. Without curly braces: `(...args) => expression` -- the right side is an expression: the function evaluates it and returns the result.
474
-
2. With curly braces: `(...args) => { body }` -- brackets allow us to write multiple statements inside the function, but we need an explicit `return` to return something.
0 commit comments