Learn with quizes
about the JavaScript grammar
k-kuwahara @kuwahara_jsri @clown0082
Oct 2, 2018 ʲαϙʔλʔζCoLabษڧձʳ
Slide 2
Slide 2 text
About me
const my_info = {
Workplace: ‘Yumemi Inc’,
Community: ‘Riot.js, Ionic, Dist’,
Favorites: ‘CLI made by Node.js’,
PokemonGO: ‘TL38’
}
Slide 3
Slide 3 text
github.com/riot
Slide 4
Slide 4 text
Sorry... "
Because of time, I don’t mention
all the grammar of JavaScript.
Slide 5
Slide 5 text
⚠Attention⚠
We verified this slide with Google Chrome.
Please check other browsers by yourself.
Slide 6
Slide 6 text
History of JavaScript
Quiz about the “scope”
Quiz about the “closure”
Quiz about the “this"
Agenda
Slide 7
Slide 7 text
History of JavaScript
Slide 8
Slide 8 text
See this page
https://qiita.com/a_rcsin/items/0a3c8c98c8d703c49a22
or
See this slide
https://qiita.com/Mic-U/items/c900a6f62862954d62e0
Slide 9
Slide 9 text
Quiz about the “scope”
Slide 10
Slide 10 text
There are three scopes
in JavaScript
Slide 11
Slide 11 text
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)
Slide 12
Slide 12 text
Question 1
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
Answer
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
Question 2
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
Answer
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
Question 3
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
Answer
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
BTW,
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
Answer 1
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
Answer 2
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
Question 4
Slide 31
Slide 31 text
“window” is a
global objects.
Slide 32
Slide 32 text
Answer
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
Question5
Slide 35
Slide 35 text
No content
Slide 36
Slide 36 text
Answer
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
Quiz about the “closures”
Slide 39
Slide 39 text
in advance…
Slide 40
Slide 40 text
We can refer to the
variable defined by the
parent function
Slide 41
Slide 41 text
Lexical scope
Slide 42
Slide 42 text
Based on this…
Slide 43
Slide 43 text
No content
Slide 44
Slide 44 text
define from outer
function “init”
Function “init” is a function
that returns a function
Slide 45
Slide 45 text
Question 1
Slide 46
Slide 46 text
No content
Slide 47
Slide 47 text
Answer
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
Question 2
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
Answer
Slide 52
Slide 52 text
No content
Slide 53
Slide 53 text
Practical example
code by: http://dqn.sakusakutto.jp/2012/02/javascript_13.html