Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Learn with quizes about the JavaScript grammar
Search
kkeeth
October 02, 2018
Programming
0
220
Learn with quizes about the JavaScript grammar
kkeeth
October 02, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
19
とある EM の初めての育休からの学び
clown0082
1
3.7k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
170
Visually experience the beauty of mathematics with p5.js
clown0082
1
3k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.6k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
620
JavaScript × Mathematics go to Digital Art
clown0082
1
390
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
280
Other Decks in Programming
See All in Programming
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.3k
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
91
30k
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
830
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
260
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
700
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
920
Porting a visionOS App to Android XR
akkeylab
0
480
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
780
Discover Metal 4
rei315
2
140
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
18k
生成AI時代のコンポーネントライブラリの作り方
touyou
1
230
ふつうの技術スタックでアート作品を作ってみる
akira888
1
890
Featured
See All Featured
How to Ace a Technical Interview
jacobian
278
23k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Embracing the Ebb and Flow
colly
86
4.7k
Statistics for Hackers
jakevdp
799
220k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Raft: Consensus for Rubyists
vanstee
140
7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Balancing Empowerment & Direction
lara
1
430
Become a Pro
speakerdeck
PRO
29
5.4k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Transcript
Learn with quizes about the JavaScript grammar k-kuwahara @kuwahara_jsri @clown0082
Oct 2, 2018 ʲαϙʔλʔζCoLabษڧձʳ
About me const my_info = { Workplace: ‘Yumemi Inc’, Community:
‘Riot.js, Ionic, Dist’, Favorites: ‘CLI made by Node.js’, PokemonGO: ‘TL38’ }
github.com/riot
Sorry... " Because of time, I don’t mention all the
grammar of JavaScript.
⚠Attention⚠ We verified this slide with Google Chrome. Please check
other browsers by yourself.
History of JavaScript Quiz about the “scope” Quiz about the
“closure” Quiz about the “this" Agenda
History of JavaScript
See this page https://qiita.com/a_rcsin/items/0a3c8c98c8d703c49a22 or See this slide https://qiita.com/Mic-U/items/c900a6f62862954d62e0
Quiz about the “scope”
There are three scopes in JavaScript
global local block Variable declared at top level Variables declared
in functions Variable declared in {}(block) Available from anywhere in the program Can be referenced only in functions Only available within {}(block)
Question 1
None
Answer
None
Question 2
None
Answer
None
Question 3
None
Answer
None
BTW,
None
Answer 1
None
Answer 2
None
Question 4
“window” is a global objects.
Answer
None
Question5
None
Answer
None
Quiz about the “closures”
in advance…
We can refer to the variable defined by the parent
function
Lexical scope
Based on this…
None
define from outer function “init” Function “init” is a function
that returns a function
Question 1
None
Answer
None
Question 2
None
Answer
None
Practical example code by: http://dqn.sakusakutto.jp/2012/02/javascript_13.html
using jQuery
Reference http://dqn.sakusakutto.jp/2009/01/javascript.html
Quiz about the “this”
“this” is also called a “context”.
There are several contexts
global function window objects bind methods arrow function methods of
objects prototype chain
Question 1
None
Answer
None
BTW,
None
Question 2
None
Answer
None
Question 3
arrow function
Answer
None
Question 4
None
Answer
None
Have a nice JavaScript life!!
Publicity
We’re looking for Engineers!!
None
None