|
| 1 | +# BigInt |
| 2 | + |
| 3 | +[recent caniuse="bigint"] |
| 4 | + |
| 5 | +`BigInt` это специальный числовой тип, который предоставляет возможность рабоать с целыми числами произвольной длины. |
| 6 | + |
| 7 | +Чтобы создать значение типа `BigInt` необходимо добавить `n` в конец числового литерала или вызвать функцию `BigInt`, которая создаст `BigInt` число из переданного аргумента. Аргументом может быть число, строка и др. |
| 8 | + |
| 9 | +```js |
| 10 | +const bigint = 1234567890123456789012345678901234567890n; |
| 11 | +const sameBigint = BigInt("1234567890123456789012345678901234567890"); |
| 12 | +const bigintFromNumber = BigInt(10); // тоже самое что и 10n |
| 13 | +``` |
| 14 | + |
| 15 | +## Математические операторы |
| 16 | + |
| 17 | +`BigInt` может использоваться как обычные числа, к примеру: |
| 18 | + |
| 19 | +```js run |
| 20 | +alert(1n + 2n); // 3 |
| 21 | +alert(5n / 2n); // 2 |
| 22 | +``` |
| 23 | + |
| 24 | +Обратите внимание: операция деления `5/2` возвращает результат, округленный до нуля без дробной части. Все операции с числами типа `bigint` возвращают `bigint`. |
| 25 | + |
| 26 | +В математических операциях мы не можем смешивать `bigint` и обычные числа: |
| 27 | + |
| 28 | +```js run |
| 29 | +alert(1n + 2); // Error: Cannot mix BigInt and other types |
| 30 | +``` |
| 31 | + |
| 32 | +We should explicitly convert them if needed: using either `BigInt()` or `Number()`, like this: |
| 33 | +Мы должны явно их конвертировать: используя либо `BigInt()`, либо `Number()`, например: |
| 34 | + |
| 35 | +```js run |
| 36 | +let bigint = 1n; |
| 37 | +let number = 2; |
| 38 | +// конвертируем number в bigint |
| 39 | +alert(bigint + BigInt(number)); // 3 |
| 40 | +// конвертируем bigint в number |
| 41 | +alert(Number(bigint) + number); // 3 |
| 42 | +``` |
| 43 | + |
| 44 | +Конвертирование bigint в число всегда происходит бесшумно, но если значение bigint слишком велико и не подходит под тип number, то дополнительные биты будут отброшены, что приведет к потере точности. |
| 45 | + |
| 46 | +````smart header="К `BigInt` числам нельзя применить унарный оператор `+`" |
| 47 | +Унарный оператор `+value` является хорошо известным способом конвертировать `value` в число. |
| 48 | +Данный оператор не поддерживается при работе с `BigInt` числам, чтобы [не сломать](https://github.com/tc39/proposal-bigint/blob/master/ADVANCED.md#dont-break-asmjs) "asm.js". |
| 49 | +```js run |
| 50 | +let bigint = 1n; |
| 51 | +alert( +bigint ); // SyntaxError: Unexpected identifier |
| 52 | +``` |
| 53 | +```` |
| 54 | +
|
| 55 | +## Операции сравнения |
| 56 | +
|
| 57 | +Операции сравнения, такие как `<`, `>` работают с bigint и обычными числами как обычно: |
| 58 | +
|
| 59 | +```js run |
| 60 | +alert( 2n > 1n ); // true |
| 61 | +alert( 2n > 1 ); // true |
| 62 | +``` |
| 63 | +
|
| 64 | +As numbers and bigints belong to different types, they can be equal `==`, but not strictly equal `===`: |
| 65 | +Так как обычные and bigint числа принадлежат к разным типам, они могут быть равны только при нестрогом сравнении `==`: |
| 66 | +
|
| 67 | +```js run |
| 68 | +alert( 1 == 1n ); // true |
| 69 | +alert( 1 === 1n ); // false |
| 70 | +``` |
| 71 | +
|
| 72 | +## Логические операции |
| 73 | +
|
| 74 | +В `if` или любом другом логическом операторе, bigint число ведёт себя как обычное число. |
| 75 | +
|
| 76 | +К примеру, в `if`, bigint `0n` преобразуется в `false`, другие значения преобразуются в `true`: |
| 77 | +
|
| 78 | +```js run |
| 79 | +if (0n) { |
| 80 | + // никогда не выполнится |
| 81 | +} |
| 82 | +``` |
| 83 | +
|
| 84 | +Логические операторы `||`, `&&` и другие также работают с bigint числами как с обычными числами: |
| 85 | +
|
| 86 | +```js run |
| 87 | +alert( 1n || 2 ); // 1 |
| 88 | +alert( 0n || 2 ); // 2 |
| 89 | +``` |
| 90 | +
|
| 91 | +## Полифилы |
| 92 | +
|
| 93 | +Создание полифила для `BigInt` достаточно не простая задача. Причина в том, что многие операторы в JavaScript, такие как `+`, `-` и др., ведут себя по-разному с bigint числами по сравнению с обычными числами. |
| 94 | +
|
| 95 | +К примеру, деление bigint числа всегда возвращает целое число. |
| 96 | +
|
| 97 | +Чтобы эмулировать такое поведение, полифилл должен будет заменить поведение всех таких операторов. Такая реализация будет тяжеловесной и иметь негативное влияние на производительсность. |
| 98 | +
|
| 99 | +Вот почему на данный момент нет хорошо реализованного полифила. |
| 100 | +
|
| 101 | +Существует альтернативное решение предложеное разработчиками [https://github.com/GoogleChromeLabs/jsbi](JSBI) библиотеки. |
| 102 | +
|
| 103 | +Они предлагают использовать методы JSBI библиотеки вместо собственной реализации bigint чисел JavaScript интерпретатора: |
| 104 | +
|
| 105 | +| Операция | BigInt | JSBI | |
| 106 | +|-----------|-----------------|------| |
| 107 | +| Создание с `number` | `a = BigInt(789)` | `a = JSBI.BigInt(789)` | |
| 108 | +| Сложение | `c = a + b` | `c = JSBI.add(a, b)` | |
| 109 | +| Вычитание | `c = a - b` | `c = JSBI.subtract(a, b)` | |
| 110 | +| ... | ... | ... | |
| 111 | +
|
| 112 | +...а затем использовать "polyfill" (плагин Babel) для замены вызовов JSBI в использование нативных bigint чисел для браузеров, в которые имеется поддержка `BigInt`. |
| 113 | +
|
| 114 | +Другими словами, данный подход предлагает использовать JSBI вместо использования нативных bigint чисел. JSBI внутри себя работает с числами как с bigint числами с соблюдением требований спецификации. Таким образом, мы можем выполнять код в интерпретаторах, которые не поддерживают `BigInt`. |
| 115 | +
|
| 116 | +## References |
| 117 | +
|
| 118 | +- MDN: [BigInt](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/BigInt). |
| 119 | +- Спецификация: [BigInt](https://tc39.es/ecma262/#sec-bigint-objects). |
0 commit comments