Структура и интерпретация javascript

Функции естественного языка

коммуникативная;
эстетическая;
информационная;
эмоциональная;
...

Википедия: Функции языка

But...

CPU

CPU model

10 + 10 = 100

4004_datasheet

2017

Литерал [literal]

Записанные непосредственно в коде данные. As is.

true // Булево значение "истина"

2 // Число "два"

'Привет, мир!' // строка  "Привет, мир"

Идентификатор [identifier]

Имя: состоит из букв UTF-16 и знаков _, $.

Не может начинаться с цифры и быть зарезервированным словом.

_name_of_my_$cat // Правильно

return // Ошибка

Инструкция [statement]

Цель: выполнить действие


  let name

Создана (задекларирована) переменная name

Инструкция [statement]

Цель: выполнить действие


  do {} while ()

Выражение [expression]

Цель: получить результат


   2 + 2

Результат: 4

Операторы [operators]

() группировка выражений: (2 + 2) * 3
+, -, *, /, = математика
. Получение свойства: person.name
[ ] Получение свойства с вычислением: person[getName()]
===, > , < Равенство, соотношение
=, +=, -= Присваивание
...
, Оператор запятая

let four = 2 + 2;
     // => let возвращает undefined

four;
     // выражение "получить значение переменной",
       //  результат число 4

Приоритет операторов

let x = 1;
x += 20; У "=" самый низкий приоритет

x += 20;
x + 20
x =

Перегрузка операторов

2 + 2 // => 4

'2' + 2 // => '22'

+'42' // => 42

+('42a') // => NaN

Порядок вычисления выражения

слева направо: 1 => 2 => 3 => ...


    2 - 2 - 2 // => -2
    2 - 2 = 0
    0 - 2 = -2

А дальше?

Все — объект

Логические (Булевы) значения

0 == false

false конвертируется в число 0

'0' == false

Строка '0' конвертируется в число 0
false конвертируется в число 0

Все — объект

true === "boolean" // => true

true.constructor // => Boolean

false.toString() // => Строка "false"

false + "" == false // => ?

false

Числа

±1.7976931348623157 × 10³⁰⁸
Целые: 2
С плавающей точкой: 2.3
Стандарт IEEE 754:
```
0.1 + 0.2 = 0.30000000000000004
    
```

Все — объект

4..__proto__  // Number

toExponential()
toFixed()
toLocaleString()
toPrecision()
toString()
valueOf()

Строки

UTF-16: const PI = 'π'
Escape-последовательности 'It can\'t be a quote'
Все — объект: "Привет,мир".length => 10

Immutable:

 let name = 'Alex';
name[1] = 'b';
name // =>'Alex'

Специальные типы

undefined, null, NaN

typeof undefined => "undefined"
typeof null => "object"
typeof NaN => "number"
NaN === NaN => false

Объекты

ООП на прототипах

Для создания объкта НЕ требуется класса ~~new Object({ name: 'Alex' });~~

 { name: 'Alex' }; // Литерал объекта

Наследование через цепочку прототипов
```
 person.__proto__
```

Ссылочный тип


let alexPerson = {name: 'Alex'}
let mikePerson = alexPerson;
mikePerson.name = 'Mike';
alexPerson.name // => 'Mike'

Разновидности объектов

Standard built-in objects (Стандартная_библиотека)

Boolean | Number, Math, Date | String, RegExp | Symbol
Error, EvalError, InternalError, SyntaxError, TypeError, ReferenceError
Object {name: 'Alex', hobbies: ['js'] }
Array [1, 2, 'three', {name: 'Alex'}, [1]]
RegExp
Function

Функции

Функция, создание

Объект со скрытым полем [[Call]]

let getName = function() {};

function getName() {};

let getName = () => {}

Функция, использование

let person = ({name: 'Alex'});

let name = getName(person);

[1, 2, 3, 4].forEach(item => {});

Функция, применение

/** @return {Function} */
function personGetter() {
  let person = { name: 'Alex' };
  return function () { return person; }
}

personGetter()().name;

apply

let getName = function() {
 return this.name;
}

getName.apply({name: 'Alex'})

Функция, композиция

Среды исполнения

Browser: DOM (document, history), HTML API (fetch),
Node: API builtin libraries (net, fs)
Raspberry

Литература

Спасибо!