Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Node conf ar 2018.
Search
Willian Martins
October 19, 2018
Technology
670
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Node conf ar 2018.
Willian Martins
October 19, 2018
More Decks by Willian Martins
See All by Willian Martins
Empirical Observations on the The Future of Scalable UI Architecture
wmsbill
0
170
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
890
De volta ao Futuro do JS: As próximas features e propostas incríveis
wmsbill
0
120
Back to the future of JS II: Beyond what we can foresee
wmsbill
0
150
A, B, C. 1, 2, 3. Iterables you and me.
wmsbill
0
130
Back to the future of JS II: Beyond what we can foresee
wmsbill
0
150
Back to the future of JS.
wmsbill
0
11
Back to the future of JS
wmsbill
1
100
Back to the future of JS
wmsbill
2
300
Other Decks in Technology
See All in Technology
データエンジニアの次の戦場は "プロセスエンジニアリング"
sansantech
PRO
1
140
Claude の新機能を、 出た日に触って社内に届けるまで
rfdnxbro
1
200
「私が一番顧客に詳しい」を捨てる~ 全員が一次情報に精通する開発チームをつくり、PMが次のボトルネックへ染み出すまで
kaminashi
1
950
CTO Night|NotionのAIエージェントとFDE
kzkhykw1991
0
300
React改造してみた
tsukina_7mochi
0
150
その Valkey 使いこなしていますか?
onk
PRO
5
1.8k
WasmをRustにする
sansantech
PRO
0
300
Codex を使った障害対応机上演習の実際
orgachem
PRO
0
220
freeeにおけるSoftware Factory
freee
PRO
0
250
[JAWS-UG彩の国埼玉#12]そろそろ準備する?re:Invent2026をやさしく解説 / reinvent2026-sainokuni
sh_fk2
1
370
スキマバイトという雇用形態は存在しないので、雇用期間1日のアルバイト契約を事業者とワーカーが結ぶ手続きを支えるのがタイミーなんです
akitoshiga
1
240
AI駆動開発における開発環境のセキュリティの考え方
yamahiro
0
150
Featured
See All Featured
Technical Leadership for Architectural Decision Making
baasie
3
610
Into the Great Unknown - MozCon
thekraken
41
2.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
Designing for Performance
lara
612
70k
What the history of the web can teach us about the future of AI
inesmontani
PRO
2
750
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
2
2k
sira's awesome portfolio website redesign presentation
elsirapls
0
460
Fantastic passwords and where to find them - at NoRuKo
philnash
53
4k
Navigating Team Friction
lara
192
16k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
500
Fireside Chat
paigeccino
43
4.1k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
810
Transcript
¡Hola!
https://github.com/tc39/proposals
v. NodeConf Ar
@wmsbill What is this?
@wmsbill this in the global scope Browser - window Web
worker - self NodeJS - module.exports
@wmsbill this inside a function?
@wmsbill this inside a function?
@wmsbill What is this?
@wmsbill What is this?
@wmsbill this inside a function Browser - window NodeJS -
global object
@wmsbill this with new operator
@wmsbill this with new operator
@wmsbill this with strict mode
@wmsbill this with strict mode
@wmsbill Setting this value Function.prototype.call Function.prototype.apply Function.prototype.bind new operator Object
member function
@wmsbill Setting this value
@wmsbill How to make this predictable? Reasoning the value of
this is tricky Function.prototype.bind Arrow function () => {}
None
With .bind()
With Arrow
@wmsbill Calling a knowing function
@wmsbill Extracting a method from an object
None
@wmsbill Two syntaxes Unary : :context.method() Binary context: :method()
@wmsbill Unary syntax
@wmsbill Binary syntax
@wmsbill
@wmsbill
@wmsbill
@wmsbill Bind operator is good for virtual methods But relies
on this to be bound
@wmsbill Composing without this
@wmsbill
@wmsbill
None
@wmsbill Pipeline operator |> It is a syntax sugar for
function composition It creates a way to streamline a chain of functions
@wmsbill Pipeline operator |>
@wmsbill
@wmsbill
@wmsbill
@wmsbill Function with more params
@wmsbill Function with more params
@wmsbill Awaiting a function
@wmsbill Awaiting a function
@wmsbill Awaiting a function
@wmsbill Awaiting a function
@wmsbill Awaiting a function
None
@wmsbill Smart pipeline
@wmsbill Smart pipeline Two types bare style and topic style
() or [] are disallowed in bare style When () or [] is needed, topic style is used # token is subject to change
@wmsbill What about curry?
None
@wmsbill F# pipeline proposal Extends the minimal proposal with an
await step Await step waits for the resolution of the previous step
@wmsbill F# pipeline proposal
@wmsbill
@wmsbill Partial application f(…) arity = n; partialapp(f(…)) arity =
m; m < n
@wmsbill
@wmsbill
@wmsbill Partial application in ES Achievable by Function.prototype.bind .bind() binds
context and parameters
@wmsbill
@wmsbill What about currying? We can achieve partial application with
curry Curry ≠ Partial application Curry returns arity n-1
@wmsbill
@wmsbill Partial application with arrow function
None
@wmsbill Partial application proposal Creates two new parameters tokens ?
For single argument . . . for multiple parameters (not in the initial spec anymore)
@wmsbill Partial application syntax
@wmsbill With arbitrary parameter
None
@wmsbill Partial application in template string
@wmsbill Partial application in template string
None
@wmsbill The . . . token Spread the unbound parameters
Useful when you want to bound first or last parameter
@wmsbill The . . . token
@wmsbill The . . . token
@wmsbill Partial application + pipeline
@wmsbill Partial application + pipeline
@wmsbill Should I use all of it in production? These
proposal are in very early stage The adoption of one, may change the syntax/semantics of other Not production ready (yet)
https://medium.com/@wmsbill https://twitter.com/wmsbill
[email protected]
https://www.smashingmagazine.com/2018/10/taming-this-javascript-bind- operator/
¡Gracias!