by describing use cases, challenges, high-level API. • Observable • Class property declarations • Class and property decorators class Foo { @memoize bar() { return 42; } }
= lastName; } get fullName() { return `${this.firstName} ${this.lastName}`; } } const p = new Person('Jeremy', 'Fairbank'); for (const key in p) { console.log(`${key}: ${p[key]}`); } // firstName: Jeremy // lastName: Fairbank Getters are nonenumerable by default.
false, configurable: true } function enumerable(target, name, descriptor) { descriptor.enumerable = true; return descriptor; } Object literal defining the property that will be added to target
greet() { console.log(`Hello. My name is ${this.name}.`); } } const person = new Person('Jeremy'); person.greet(); // Hello. My name is Jeremy. person.sayHello(); // Hello. My name is Jeremy.
console.log(`${d.name} just turned ${d.age}`); }); dog.haveBirthday(); // Tucker just turned 9 dog.walk(); // Tucker walks with four legs From EventEmitter From Quadrupedal
arrays in ES6. • Use ... operator. • Rest operation is like pick function in lodash. • Spread is like a clone function. • Syntactical sugar for Object.assign. • github.com/sebmarkbage/ecmascript-rest-spread
(const id of orderIds) { const order = await fetchOrder(id); orders.push(order); } console.log(orders); } printOrders([1, 2, 3]); Each step of loop has to wait. Issue if requests aren’t dependent on each other.
orderIds.map(id => fetchOrder(id)) ); console.log(orders); } printOrders([1, 2, 3]); Make all requests at once and resolve with Promise.all. Allows for “parallelism.”
Jeremy Fairbank
jfairbank
iamctodd
reverentgeek
rmw
skipperchong
carmenhchung
keathley
productmarketing
clairelew
thoeni
![Sequential async function printOrders(orderIds) { const orders = []; for](https://files.speakerdeck.com/presentations/3566ac779b124e6d83f0c8600f899614/slide_84.jpg){kind=link}
![Sequential async function printOrders(orderIds) { const orders = []; for](https://files.speakerdeck.com/presentations/3566ac779b124e6d83f0c8600f899614/slide_85.jpg){kind=link}
