Playing: 082: Top 18 New Things in JS - Part 2
0:00
LOUDNESS
Episode 574
|Feb 10th, 2023
Supper Club ร Qwik framework from Miลกko Hevery, the Creator of Angular
Episode 393
|Oct 4th, 2021
Hasty Treat - Spicy Takeout - PHP Is Good and Weโre Just Re-Creating It
Oct 10th, 2018
Top 18 New Things in JS - Part 2
๐ Download Showโ๏ธ Edit Show NotesIn this episode Wes and Scott continue the discussion of their favorite top 18 new things in Javascript.
Freshbooks - Sponsor
Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.
Graph CMS - Sponsor
GraphCMS is trying to be the worldโs most developer friendly CMS. It's a great way to build a GraphQL API without having to write a custom GraphQL server. Try out the API-first CMS of the future today at graphcms.com/syntaxfm.
Show Notes
3:30
- Spread
const array1 = [1, 2, 3]
const array2 = [0, ...array1]8:40
- Rests
const teams = [player1, player2, player3]
const [leader, ...members] = teams11:54
- Arrow Functions
const add = (x, y) => {
return x + y
}
// equal to
const add = (x, y) => x + y15:48
- Default Function Arguments
function mul(x, y = 1) {
return x * y
}
mul(2, 3) // 2 * 3 = 6
mul(2) // 2 * 1 = 219:47
- Named params
function ({ array, element }) {
return [element, ...array]
}21:26
- Modules
// @ a.js
export const param = 1
const defaultParam = 2
export default defaultParam
// @ b.js
import defaultParam, { param } from './a'
// rename import module
import newDefaultParam from './a' // rename default export directly
import { param as newParam} from './a' // use `as` for rename35:35
- Classes
class Polygon {
constructor(height, width) {
this.height = height;
this.width = width;
}
get area() {
return this.calcArea();
}
calcArea() {
return this.height * this.width;
}
}
class Square extends Polygon {
...
}41:54
- Things we never use
await const users = fetchUser().catch(e => ...)
for(let element of array) { ... }
const set1 = new Set([1, 2, 3, 4, 5]);Links
รรร SIIIIICK รรร PIIIICKS รรร
- Scott: Trader Joe's Everything by the Bagel Sesame Seasoning Blend
- Wes: Trader Joe's Green Dragon Hot Sauce
Shameless Plugs
Tweet us your tasty treats!
- Scott's Instagram
- LevelUpTutorials Instagram
- Wes' Instagram
- Wes' Twitter
- Wes' Facebook
- Scott's Twitter
- Make sure to include @SyntaxFM in your tweets