TypeScript で Optional Chaining を使ってみた

WeJS @ 37th
https://wajs.connpass.com/event/150356/

Transcript

2. • • •
3. • •
5. const user1 = { age: 26, driverLicense: { expirationDate: '2023/01/22' }, } const user2 = { age: 12, driverLicense: null, } user1.driverLicense.expirationDate // '2023/01/22' user2.driverLicense.expirationDate // TypeError: Cannot read property 'expirationDate' of null
6. •
7. https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Optional_chaining
8. const user1 = { age: 26, driverLicense: { expirationDate: '2023/01/22' }, } const user2 = { age: 12, driverLicense: null, } user1.driverLicense?.expirationDate // '2023/01/22' user2.driverLicense?.expirationDate // undefined
9. • let expirationDate if (user.driverLicense) { expirationDate = user.driverLicense.expirationDate }
12. • ◦ https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-rc/
13. https://devblogs.microsoft.com/typescript/ announcing-typescript-3-7-rc/ http://www.typescriptlang.org/play/
14. • "use strict"; var _a, _b; const foo = { bar: null }; // foo?.bar?.baz (_b = (_a = foo) === null || _a === void 0 ? void 0 : _a.bar) === null || _b === void 0 ? void 0 : _b.baz;
15. • • const foo = { items: ['Pen', 'Pineapple', 'Apple'], get bar() { console.count('bar!'); return { baz: this.items.join() }; } } foo?.bar?.baz // bar!: 1 // 'Pen,Pineapple,Apple' foo && foo.bar && foo.bar.baz // bar!: 2 // bar!: 3 // 'Pen,Pineapple,Apple'
16. • • $ npm i typescript@rc ts-node $ npx ts-node