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
210
Learn with quizes about the JavaScript grammar
kkeeth
October 02, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
1.5k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
140
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.9k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
580
JavaScript × Mathematics go to Digital Art
clown0082
1
350
In-house study group at YUMEMI
clown0082
0
190
Playing Ionic Logo by p5.js
clown0082
0
250
Skills that employers recommend students to acquire
clown0082
1
280
Other Decks in Programming
See All in Programming
生成AIで加速するテスト実装 - ロリポップ for Gamersの事例と 生成AIエディタの活用
kinosuke01
0
130
color-scheme: light dark; を完全に理解する
uhyo
7
500
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.6k
sappoRo.R #12 初心者セッション
kosugitti
0
280
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
9
2.5k
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
220
Unity Android XR入門
sakutama_11
0
180
ML.NETで始める機械学習
ymd65536
0
230
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
390
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
450
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.2k
LINE messaging APIを使ってGoogleカレンダーと連携した予約ツールを作ってみた
takumakoike
0
120
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Embracing the Ebb and Flow
colly
84
4.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Designing for Performance
lara
605
68k
KATA
mclloyd
29
14k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
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