Владимир Дашукевич (Квартирник)

Transcript

2. Вопросы на сегодня: 1. Будет ли Javascript заменен другим языком? 2. Строгая типизация в JavaScript? 3. Что нового ожидается в JavaScript? 4. Чего не хватает в JavaScript? 1
3. Disclaimer 2
4. WebAssembly 3
5. Что такое WebAssembly: WebAssembly or wasm is a new portable, size- and load-time-efficient format suitable for compilation to the web. webassembly.org “ 4
11. fetch("fun.wasm").then(response => response.arrayBuffer() ).then(bytes => WebAssembly.compile(bytes) ).then(module => WebAssembly.instantiate(module, importObject) ).then(instance => instance.exports.exported_func(); ) 01. 02. 03. 04. 05. 06. 07. 08. 09. 10
12. Составные части: 1. Независиный модуль (Module) 2. Память (Memory) 3. Таблица (Table) 4. Экземпляр (Instance) 11
13. Для чего можно его использовать: 1. Трудоемкие задачи 2. Алгоритмы обработки изображений 3. Алгоритмы обработки видео 4. Алгоритмы криптографии 12
14. Примеры 13
15. web-dsp 14
17. asm-dom 16
19. GCCX 18
21. Bullet 20
23. Apache MXNet 22
24. TurboScript 23
25. export class Vector3D { x:float32; y:float32; z:float32; constructor(x:float32, y:float32, z:float32){ this.x = x; this.y = y; this.z = z; } } 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 24
26. DotNetAnywhere 25
27. Blazor 26
29. LLVM 28
31. OCaml Run Wasm 30
32. Wasm Lua 31
33. Будущее WebAssembly 32
35. Список проектов WebAssembly 34
36. Будет ли JavaScript заменен другим языком? 35
37. Типизация 36
38. Языки программирования: 1. Dart 2. TypeScript 3. Kotlin 4. Elm 5. PureScript 6. Reason 7. Haxe 8. Nim 9. и другие 37
39. Dart 38
40. class Point { final double x, y; const Point(this.x, this.y); bool get isInsideUnitCircle => x * x + y * y <= 1; } 01. 02. 03. 04. 05. 39
41. TypeScript 40
42. class Person { private name: string; private age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } toString(): string { return `${this.name} (${this.age})`; } 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 41
43. Kotlin 42
44. package html fun main(args: Array<String>) { val result = html { head { title { +"XML encoding with Kotlin" } } ul { for (arg in args) li { +arg } }} println(result) } 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 43
45. Haxe 44
47. Elm 46
49. PureScript 48
51. Reason 50
53. Nim 52
55. Python 54
56. PEP 484 и PEP 526 55
58. Нужна ли нам типизация? 57
59. Что нового ожидается в JavaScript (2017-2018)? 58
60. Disclaimer 59
61. SIMD 60
62. Atomics 61
63. SharedBufferArray 62
64. Atomics 1. add 2. and 3. compareExchange 4. exchange 5. load 6. or 7. store 8. sub 9. xor 63
65. Atomics 1. wait 2. wake 3. isLockFree 64
66. var sab = new SharedArrayBuffer(1024); var int32 = new Int32Array(sab); // первый Worker Atomics.wait(int32, 0, 0); console.log(int32[0]); // 123 // второй Worker console.log(int32[0]); // 0; Atomics.store(int32, 0, 123); Atomics.wake(int32, 0, 1); 01. 02. 03. 04. 05. 06. 07. 08. 09. 65
67. JS Lock 66
68. let i32 = new Int32Array(sab) ... lock.lock() i32[1] = i32[2] + i32[3]; i32[0] += 1 lock.unlock() 01. 02. 03. 04. 05. 06. 67
69. Napa JS 68
70. var napa = require('napajs'); var zone1 = napa.zone.create('zone1', { workers: 4 }); zone1.broadcast('console.log("hello world");'); zone1.execute((text) => text, ['hello napa']) .then((result) => { console.log(result.value); }); 01. 02. 03. 04. 05. 06. 07. 08. 69
71. Нужна ли многопоточность в JS? 70
72. Stage 3 71
73. Dynamic Import 72
74. import(`./section-modules/${link.dataset.entryModule}.js`) .then(module => { module.loadPageInto(main); }) .catch(err => { main.textContent = err.message; }); 01. 02. 03. 04. 05. 06. 07. 73
75. Object Rest/Spread 74
76. // Rest let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; x; // 1 y; // 2 z; // { a: 3, b: 4 } // Spread let n = { x, y, ...z }; n; // { x: 1, y: 2, a: 3, b: 4 } 01. 02. 03. 04. 05. 06. 07. 08. 75
77. Async Iteration 76
78. for await (const line of readLines(filePath)) { console.log(line); } 01. 02. 03. 77
79. async function* readLines(path) { let file = await fileOpen(path); try { while (!file.EOF) { yield await file.readLine(); } } finally { await file.close(); } } 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 78
80. Promise Finally 79
81. promise.finally(func) promise.then(func, func) 80
82. Private methods 81
84. Class field declarations 83
86. Optional Catch Binding 85
87. try { ... } catch { ... } 01. 02. 03. 04. 05. 86
88. Stage 2 87
89. Decorators 88
91. Throw Expressions 90
92. function save(filename = throw new TypeError("error")) { } 01. 02. 91
93. function getEncoder(encoding) { const encoder = encoding === "utf8" ? new UTF8Encoder() : encoding === "utf16le" ? new UTF16Encoder(false) : encoding === "utf16be" ? new UTF16Encoder(true) : throw new Error("Unsupported encoding"); } 01. 02. 03. 04. 05. 06. 92
94. flatMap 93
95. [0, 1, 2, 3, 4, 5].flatMap(x => [x, x + 1]); // [0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6] 01. 02. 94
96. Stage 1 95
97. Observable 96
98. interface Observable { constructor(subscriber : SubscriberFunction); subscribe(observer : Observer) : Subscription; subscribe(onNext : Function, onError? : Function, onComplete? : Function) : Subscription; } 01. 02. 03. 04. 05. 06. 07. 97
99. Optional Chaining 98
100. // old style var street = user.address && user.address.street; // new style var street = user.address?.street || "Some street"; var input = myForm.querySelector('input[name=foo]')?.value 01. 02. 03. 04. 05. 99
101. First Class Protocols 100
102. interface Iterable { [Symbol.iterator]() : Iterator; } interface Iterator { next() : IteratorResult; } interface IteratorResult { value: any; done: boolean; } 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 101
104. Stage 0 1. Pattern matching 2. Cancellation 3. Additional Meta Properties 4. Zones 5. Shorthand Improvements 6. Structured Clone 103
105. Чего не хватает в JavaScript? 104
106. Twitter Евгений: @bunopus Twitter Владимир: @life__777